折腾代码 on MoeJueのブログ

Web3 鏈上紅包 DApp

Sat, 10 Jan 2026 14:02:35 +0000

這是一個100%去中心化的區塊鏈紅包應用。用戶可以連接錢包，設定金額和數量發送紅包，然後透過連結分享給他人領取。所有資料和操作都基於區塊鏈，完全不需要中心化伺服器，整個過程安全、透明、可追溯。

如果你感興趣，可以在 GitHub 上看看我的程式碼：redpacket‑dapp

功能亮點

🧧 發送紅包: 連接錢包後，設定金額和數量發送紅包到區塊鏈
🎁 領取紅包: 透過分享連結，別人可以連接錢包直接從區塊鏈領取紅包
🔗 智能合約: 使用 Solidity 編寫的安全智能合約處理所有邏輯
🌐 多鏈支援: 支援本地測試網和 BSC 測試網
💼 Web3 整合: 使用 MetaMask 錢包連接
🚀 完全去中心化: 沒有後端伺服器，所有資料儲存在區塊鏈

技術棧

前端：React 19、React Router 6、TypeScript、Vite、Ethers v6
合約層：Hardhat、Solidity 0.8.x
工具：ESLint、Prettier
不需要後端: 零依賴伺服器 ❌

快速啟動

# 1. 安裝專案依賴
npm install
cd react-dapp && npm install && cd ..

# 2. 啟動本地區塊鏈節點
npm run node

# 3. 編譯智能合約
npx hardhat compile

# 4. 部署智能合約
npm run deploy

# 5. 啟動前端
npm run frontend

目錄結構

redpacket-web3/
├─ contracts/                # Solidity 智能合約
│  └─ RedPacket.sol
├─ react-dapp/               # React + Vite 前端
│  ├─ src/
│  │  ├─ components/         # 通用組件（錢包按鈕、創建表單等）
│  │  ├─ config/             # ABI、合約地址配置
│  │  ├─ hooks/              # 自定義 hooks（useWallet）
│  │  ├─ pages/              # 頁面（Home、ClaimPacket）
│  │  ├─ styles/             # 全域樣式
│  │  ├─ utils/              # Web3 工具函數
│  │  └─ App.tsx             # 路由與佈局
│  ├─ .env.example           # 前端所需環境變數說明
│  └─ package.json
├─ scripts/
│  └─ deploy.js              # Hardhat 部署腳本（會自動寫入前端配置）
├─ hardhat.config.js
└─ package.json              # 根目錄腳本（Hardhat + 前端一鍵啟動）

使用指南

創建紅包

打開前端並點擊右上角「連接錢包」。
填寫紅包總金額與份數，應用會在前端隨機拆分金額。
提交後在 MetaMask 中確認交易，等待區塊確認。
成功後可複製系統生成的領取連結，分享給朋友。

領取紅包

打開分享連結（URL 帶有 /claim/{packetId}）。
同樣先連接錢包，然後點擊「點擊領取」。
簽名確認後等待區塊打包，頁面會顯示結果與剩餘份數。

環境變數

dapp/.env（開發環境會自動忽略，請參考 .env.example）
- VITE_RPC_URL：前端直連節點 RPC，預設為 http://127.0.0.1:8545
- VITE_CONTRACT_ADDRESS：可覆蓋部署腳本寫入的地址
- VITE_CHAIN_ID：前端提示使用的鏈 ID（十六進制）
root/.env：若需要在 Hardhat 中引用私鑰或 BSC RPC，可繼續沿用原有寫法。

智能合約（RedPacket.sol）

核心方法：

阿珏的部落格的國際化之路

Sun, 02 Nov 2025 10:12:27 +0000

最近，我給個人部落格來了次「大動作」—— 從單語言版本升級到了 多語言站點（簡體中文、繁體中文、英語、日語），並且全流程實現了自動化。💪

主要包括：

自動同步主站文章
自動 AI 翻譯內容
自動建構與部署多語言站點

為何選擇 Hugo？

因為它那句自信的口號：

「The world’s fastest framework for building websites.」

—— 就這句話，我就決定是它了 😆。

第三代隨機二次元 API 來了！

Wed, 15 Oct 2025 01:31:22 +0000

還記得那個被你們玩壞的隨機圖接口嗎？今天它更新了！在過去的幾年裡，隨機圖 API 一直是許多前端開發者、二次元站長、甚至桌面插件愛好者的「小玩具」與「常用工具」。

🥇 第一代：簡單但笨重的起點

那時候的隨機圖 API，說實話—— 就是一個 PHP 小腳本 + 一台雲主機。那時的目標很簡單：提供一個能返回隨機圖片的接口。

特點如下：

所有請求都集中在一台伺服器上；
圖片儲存與 API 服務耦合在一起；
無快取，無智能分發，完全依賴單點性能；
高峰期 CPU 飆升、502 報錯、訪問慢、費流量佔儲存；

PLAINTEXT

[客戶端] ---> [中心伺服器(唯一)] ---> [圖片文件]

クリックして展開し、詳細を表示

🥈 第二代：雲化與快取的過渡時代

進入第二代後，隨機圖 API 邁入了「雲化」階段。服務遷上雲、引入快取、CDN、負載分發都安排上。

我不會AE,但是我會Code

Sat, 23 Aug 2025 12:29:01 +0000

✨ 緒山真尋的小窩 ✨

🌸 歡迎來到緒山真尋的小窩 🌸

哇！你發現了我的秘密基地！(*≧ω≦)

這裡是緒山真尋的個人網站，充滿了可愛的動畫和有趣的內容！我會在這裡分享我喜歡的動畫、漫畫、遊戲和一些日常生活中的小確幸～

💕 關於我 💕

我是緒山真尋，一個熱愛成人遊戲的家裡蹲廢柴尼特族。喜歡動畫、漫畫、輕小說和各種可愛的東西！最喜歡的顏色是粉色和淡藍色！

PLAINTEXT

  ∩∩
（･ω･）  <- 這是我！
＿|　⊃／(＿＿
／ └-(＿＿＿／

クリックして展開し、詳細を表示

多鏈支援，真沒你想的那麼簡單

Sat, 05 Jul 2025 08:20:55 +0000

多鏈錢包整合的實踐反思

總算是空閒下來可以整理一下程式碼了，Web3 專案接入多鏈錢包連接功能，主要涉及 Ethereum、Polygon、BSC 和 Solana。乍一聽好像只是「多做幾套相容邏輯」的事，但真正落地後才發現，很多東西其實沒想得那麼簡單。

PLAINTEXT

this.networkConfigs = {
    ethereum: {
        chainId: '0x1', // 1
        chainName: 'Ethereum Mainnet',
        nativeCurrency: {
            name: 'Ethereum',
            symbol: 'ETH',
            decimals: 18
        },
        rpcUrls: ['https://eth-mainnet.public.blastapi.io'],
        blockExplorerUrls: ['https://etherscan.io']
    },
    polygon: {
        chainId: '0x89', // 137
        chainName: 'Polygon Mainnet',
        nativeCurrency: {
            name: 'MATIC',
            symbol: 'MATIC',
            decimals: 18
        },
        rpcUrls: ['https://polygon-rpc.com'],
        blockExplorerUrls: ['https://polygonscan.com']
    },
    bsc: {
        chainId: '0x38', // 56
        chainName: 'BNB Smart Chain',
        nativeCurrency: {
            name: 'BNB',
            symbol: 'BNB',
            decimals: 18
        },
        rpcUrls: ['https://bsc-dataseed.binance.org'],
        blockExplorerUrls: ['https://bscscan.com']
    }
}

クリックして展開し、詳細を表示

多鏈並非簡單的「支援多個錢包」

最大的感受是：鏈不一樣，錢包互動方式也不一樣，連 SDK 的思維方式都不一樣。以太坊生態可以用統一的 Web3.js 處理很多邏輯，而到了 Solana，你會發現它完全是另一套系統：Provider 接入、連接流程、PublicKey 建構方式都不太一樣，甚至連網路延遲和穩定性都影響體驗。

打造 macOS 風格的 Web 應用

Sun, 11 May 2025 11:46:03 +0000

專案概述

在當今的 Web 開發領域，使用者體驗和介面設計變得越來越重要。

Mac Web Vue Template 是一個受 macOS 設計啟發的現代優雅的 Vue.js Web 模板，它是一個基於 Vue.js 的現代化 Web 應用模板，其設計靈感來源於 macOS 的優雅介面。這個專案不僅提供了美觀的 UI 設計，還包含了完整的專案結構和最佳實踐。

線上演示

你可以透過造訪 WebAi 來體驗這個模板的實際效果。邀請碼(MoeJue)

核心特色

macOS 風格的 UI 設計
- 採用 macOS 的設計語言
- 精緻的毛玻璃效果
- 優雅的動畫過渡
現代化的技術棧
- Vue.js 作為核心框架
- Vite 作為建構工具
- Pinia 進行狀態管理
- Vue Router 處理路由
- SCSS 預處理器
- ES6+ 現代特性
響應式設計

萌音商城移動端版本發售

Thu, 17 Apr 2025 09:07:11 +0000

專案介紹

萌音商城行動版是一個基於uniapp開發的多端商城系統，支援iOS、Android、H5及小程式等多個平台。系統採用PHP + MySQL + FastAdmin作為後端技術棧，實現了完整的電商功能。

核心功能

商品管理：分類、列表、詳情展示
購物流程：購物車、結算、支付、訂單管理
用戶系統：會員中心、個人資訊管理
多商戶模式：商戶獨立管理商品與訂單
發貨系統: 支援推送訂單至ERP(管家婆)系統處理
雙模式交易：
- 線上下單快遞發貨
- 線上下單到店自取/外送員配送

系統預覽

後台管理介面

如何自製一個便攜式顯示器

Sun, 13 Apr 2025 05:55:01 +0000

如何手搓一個便攜式顯示器

前言

家裡有一台老舊的筆記型電腦，除了電池不行了，其他部件都還能正常使用。然而，由於技術更新換代太快，這台筆記型電腦除了瀏覽網頁外，幾乎沒有其他用途。丟掉可惜，賣掉又不值錢。所以我決定將它改造成一個便攜式顯示器，這樣就可以連接筆記型電腦、桌上型電腦，玩遊戲、看影片了，讓它繼續發揮餘熱。順便提一下，硬碟已經被我改造成了一個行動硬碟。

材料準備

廢棄的顯示器
LED螢幕驅動板
螢幕排線
按鍵板
高壓板
電源 (12V 5A)

主要材料就是這些了，直接上某寶就可以買到，價格也不貴。電源還是從我爸頸部按摩器上直接拆下來的，又省一筆。

改造過程

拆開筆記型電腦顯示器，將螢幕取出來。

如果你不知道你的螢幕所對應的驅動板，可以將螢幕後面的參數拍一張照片給商家，他們會根據你的參數給你推薦合適的驅動板。當然如果你是電路大佬，也可以自己設計圖紙打樣手搓驅動板。
接線並用熱熔膠固定

ps:熱熔膠真是窮人的3D打印機
通電測試

我這邊為了圖省事，已經讓商家幫我裝好了相應的驅動。
接入訊號
測試按鍵板功能調節
使用瓦楞紙做一個外殼

看來我用廢紙皮做外殼的天賦還是不錯的。怕太醜還貼了張壁紙上去。家裡有3D打印機的小夥伴直接設計外殼打印出來，效果會更好。

成品：

前面被熱熔膠黏得有點慘不忍睹。

我的二次元相簿又回來了

Fri, 08 Nov 2024 09:52:39 +0000

從最早的圖庫，到圖床，再到現在的相簿。我對圖片的執著已經可以說是跨越了好幾個世紀了。圖庫的圖片是存在七牛雲的，後來流量被刷就關閉了。圖床，現在轉為為部落格提供圖片上傳服務了。相簿，就是手機中相簿的概念，它既可以存圖片也可以放影片。逐漸是越來越完善了。

這兩天就把平常保存的影片圖片什麼的上傳到了伺服器，寫了個介面和介面，順帶開源出來。(我要做一個堅定的開源愛好者)

我的二次元相簿前端介面

這裡是阿珏醬的私人相簿，保存著阿珏在平常收集的圖片，和各大平台中點讚收藏的影片。
包括但不限於B站、YouTube、抖音、X、facebook、pixiv等平台的影片或圖片，相關的數據資訊版權歸原作者所有。
數據將不定期手動更新，如果你想要某些圖片或者影片，請直接聯繫阿珏醬獲取。

預覽

https://photo.moejue.cn

一款開源簡潔高顏值的酷狗第三方客戶端V1.0.0 Beta

Sun, 03 Nov 2024 12:48:04 +0000

MoeKoe 音樂

一款開源、簡潔、高顏值的酷狗第三方客戶端
🌎 GitHub 儲存庫 | 📦️ 下載安裝包 | 💬 瀏覽部落格

多平台文章同步瀏覽器外掛程式 - ArticleSync

Wed, 16 Oct 2024 11:02:49 +0000

ArticleSync - 多平台文章同步插件

ArticleSync 是一個瀏覽器擴充功能，幫助使用者輕鬆將文章同步發佈到多個社交平台。支援將文章從本地草稿發佈到各大平台，如知乎、Bilibili 等。它提供了一站式解決方案，讓你在不同的社交媒體平台上同步文章變得簡單高效。

基於瀏覽器外掛程式模式，自動偵測本地登入帳號，杜絕帳號洩露、環境異常等風險

基於 Chrome Manifest v3 瀏覽器擴充功能標準開發，請注意核心版本要求

背景

你也知道，我這又一下子多了好幾個部落格平台，和一大堆社交網站，如果我想讓它們之間都能保持活躍的更新怎麼辦。(證明我還活著) 還能一鍵盜文章

我最常更新的就是我自己的小破站了，但是其他平台，我可能就只是偶爾更新一下，但是又不想每次都去手動發佈，所以我就想，能不能寫一個外掛程式，自動偵測我本地登入的帳號，然後自動發佈呢。

正所謂，自己動手豐衣足食。鼓搗了好幾天，勉強算是能用的樣子，剩下的就有空再更新了。除非你給我錢

外掛程式還有很多不完善的地方，我也沒有多平台正式在生產環境中實測，如遇報錯，實屬正常，那就提交 issue 吧，或者自己改改，改好了再提交 PR 吧。嘻嘻~

為了不影響我說話，截圖放最後了

還有，開源不易，來個 star 吧，嘿嘿嘿~

本來想加一點私貨進去的，自動關注我的社群平台

功能特色

多平台支援：支援知乎、Bilibili 等各大主流平台，支援自建開源 CMS 系統。
狀態追蹤：在外掛程式介面中查看文章的同步狀態。
帳號管理：可查看與外掛程式綁定的各平台帳號資訊。
可擴展性強：支援開發者透過轉接器模式輕鬆擴展到更多平台。
安全可靠：外掛程式基於瀏覽器擴充功能模式，確保帳號安全，避免帳號洩露等風險。

待辦事項

[ ] 獨立文章編輯器
[ ] 圖片一鍵同步
[x] Markdown 與 HTML 互轉
[ ] 第三方圖床系統
[ ] 多帳號管理
[ ] 多系統客戶端版本
[ ] 一鍵 AI 總結
[ ] 影片同步
[ ] 標籤、分類的支援
[ ] 更友善的錯誤處理
[ ] 更多平台的接入

支援管道

媒體

打贏復活賽,我活過來了

Thu, 03 Oct 2024 02:48:02 +0000

近況

距離上次的閒言碎語已經兩個多月沒說話了，是時候整理整理我的思緒了。上回是發表了一堆感慨，之後就沒聲了，所以是有一點倉促了，後續的活就跟不上了。

又是一年國慶，果然我的國慶堪比雙十一。之前旗下的三個域名(52ecy.cn,moeins.cn,moeins.com)，雖然復活賽是打贏了，但是裝備沒有了。

所以只能新購域名了，同時又把部落格給恢復了，可能還是想自己折騰吧，掛靠在部落格園還是不大舒服的樣子。

之前一直在用的emlog，這會也來場大動作，直接給系統換到了WordPress，同時也換上了新主題。這款主題是由專收爆米花在21年前後的時候就發布了，那會我在loc看到的時候我就star了，一直在我GitHub裡躺了4年lolimeow ，因為那會一直在用emlog，所以就不願意折騰。乘此契機，乾脆一戰到底，所以也是花了一點大功夫，包括數據的遷移，和主題的適配。

雖然作者一直以來都在積極推進主題的更新，也正因此我在使用中沒有遇到太大的麻煩，但也有缺少我之前系統的設定，所以我也一併把這個主題做了更新，並且pull到了原倉庫。上面放的GitHub的連結是我更新後的。

最麻煩的數據遷移部分，我在網上兜兜轉轉了半天，只找到exe版本的，先不說exe版本給人一種莫名的不放心的感覺，況且我現在用的還是Mac的系統，根本就不能直接運行。所謂自己動手豐衣足食，所以我只能花點時間給自己寫一個遷移腳本了。GitHub的地址我放在了文章的底部了，可以完美遷移emlog的數據到WordPress系統中。不愧是我！

重生之我要做商城 - 萌音商城V1.0上線

Wed, 02 Oct 2024 06:17:50 +0000

萌音系列的第N+1個項目來了呢。這其實又是一個鴿了好幾年的項目了，這回總算能把坑填上了。

先上項目地址: https://MoeKoe.cn

我為什麼一直在做項目?

這個問題就很有意思了，為什麼一直在做各種項目，而且還是不掙錢的東西。接觸過我之前一些項目的小夥伴都知道我開發什麼項目都是本著自己用的原則在創作的，當然這次也不例外。一直我就想在某個平台賣賣我那些留著沒用，丟了捨不得的小玩意，同時分享好玩有趣的產品給大家（未來可能還有我自己的IP產品）。「想把最美好的事和物分享給最美好的你」就算，本著「別人有我也要有」的原則，我也得有。

如果說我只是想賣點小玩意，我為何不直接上淘寶、閒魚這樣的平台呢？退一萬步講，就算不上這些平台，我也可以自己搭建一個現成的商城系統啊，現在市面上成熟好用的系統一抓一大把喔，為何還要自己開發呢？

一句話，因為我喜歡，這是我的愛好，我喜歡創造，喜歡做點有意思的東西和事。我想成為一個厲害而又有趣的人，而不是一個只會活著的普通人，我想認識更多有趣的靈魂。厲害對於我的定義並不是說他技術有多厲害、賺錢有多厲害，而是一個人面對挫折和困苦的時候，依然能笑著面對，依然能保持樂觀、不忘初心，這樣的人，我願稱他為厲害的人。

明明是一個發布新項目的文章，又給我寫成大白話部落格了，哈哈哈。

項目介紹

最近在搞什麼？在搞粉嫩粉嫩的東西，一個二次元少女萌系風格的魔法少女商城。

歡迎來到魔法少女的奇幻世界，開啟探索二次元無限可能的冒險之旅！這是專為二次元愛好者量身打造的線上商城。在這裡，你能找到最閃耀的魔法道具、最萌系的變身服飾，還有豐富多樣的二次元周邊商品。無論你鍾情於可愛的萌物，還是酷炫的收藏品，這裡都能滿足你對二次元的所有熱愛與期待！

點開網址你會發現一個讓你眼前一亮（粉）的感覺，沒錯，這就是我想要的風格，粉嫩粉嫩的，少女心爆棚，卡哇伊的感覺，這樣才能突出我的個性。

基於Web3.0的區塊鏈圖片上傳

Mon, 17 Jun 2024 12:57:43 +0000

在開始之前，我們先簡單了解一下基本的概念，我大致歸納為以下幾個點什麼是Web3.0，和區塊鏈又有什麼關係？（上回的文章不就派上用場了）

需求：開發一個基於Python的Web 3.0圖片上傳系統。這個系統將允許用戶上傳圖片，並將圖片儲存在去中心化的網路上，同時記錄交易資訊在區塊鏈上。本來只是寫著玩的，想過要寫成用戶認證、檔案操作集成全套管理的，讓他「終將成為圖片上傳服務的最終解決方案」。實際下來卻發現不是很實際，就作罷了，奈何我一直以來對圖片這麼執著。

步驟概述

環境設定：使用Python開發，安裝必要的Python函式庫。
IPFS整合：將圖片上傳到IPFS，取得圖片的CID（內容識別碼）。
區塊鏈整合：將IPFS CID記錄在區塊鏈上。
Web介面：使用Flask建立一個Web介面，允許用戶上傳圖片。

詳細步驟

1. 環境設定

安裝所需的Python函式庫：

PLAINTEXT

pip install flask web3 ipfshttpclient

クリックして展開し、詳細を表示

2. IPFS整合

IPFS（星際檔案系統）是一種點對點的檔案儲存協定。我們可以使用ipfshttpclient函式庫來與IPFS網路互動。

使用ESP8266-NodeMCU開發板顯示一下我的QQ頭像

Sun, 16 Jun 2024 12:50:42 +0000

诶，說好的自己寫esp8266的開發板韌體的我回來了。 20年說好的，今天回來還願了 ESP8266串口WiFi模塊 - WiFi殺手

今天我們把OLED顯示屏也接上，我此次買的是4腳的OLED(128*64)，不支持彩色顯示的。

NodeMCU開發板

NodeMCU是一個開源的IoT物聯網硬體開發板，由於它支持WIFI功能且使用方法十分類似Arduino開發板，所以近些年獲得了越來越多來自全世界的創客朋友們的青睞。NodeMCU尺寸與Arduino Nano類似。它並不是Arduino團隊開發的，但是我們也可以使用Arduino IDE 對它進行開發。

作為萬物互聯的IoT基礎，首先物聯網控制板的成本不能過高。高昂的物聯網控制元件不利於項目成本控制也不利於廣大創客愛好者學習和使用它。在這一點上，NodeMCU比樹莓派以及Arduino家族的IoT平台等更具優勢。

細心的朋友可能已經發現了，這會我開發板叫做ESP8266-NodeMCU。然而在其它的網站或資料中，有時是用ESP8266有時是用NodeMCU。那麼ESP8266和NodeMCU之間是什麼關係呢？

ESP8266是一塊晶片（被鐵殼子包住的方形的東西），而NodeMCU則是以ESP8266晶片為核心的開發板，如下圖所示。

要想對ESP8266晶片來進行實驗操作是很困難的，因為我們很難將小小一枚晶片上的引腳與我們的電腦連接起來然後再進行上傳程式等操作。於是便誕生了圍繞ESP8266晶片的各種開發板。NodeMCU就是這些開發板中的一員。

NodeMCU開發板上的兩排插針與ESP8266晶片的引腳相連。有了開發板上的兩排插針，我們就可以很輕鬆的使用杜邦線將晶片的引腳接到實驗電路中。NodeMCU開發板上還配有USB接口以及電壓轉換電路。這些為我們提供了很大的便利。我們只要用一根USB數據線就可以輕鬆的實現為ESP8266供電以及上傳程式的操作。當然，NodeMCU開發板上的電路功能還不止這些，我就不再繼續延伸下去了

驅動的安裝

雖然之前已經講過開發板的驅動安裝了，但是不夠詳細。

目前市面上的ESP8266驅動有多種，即使是同一塊NodeMcu的開發板驅動也可能是不一樣的。目前主流的是CH340和CP210X的驅動

驅動的下載請直接去晶片的製造商的官網下載即可 CP210X：https://cn.silabs.com/developers/usb-to-uart-bridge-vcp-drivers CH340C：https://www.wch.cn/downloads/CH341SER_EXE.html

Android 檢視 APK 安裝包的 AndroidManifest.xml 檔案

Sun, 19 Apr 2020 09:15:54 +0000

起因上週在做安卓系統的廠商推送功能，某些機型無法離線廠推，所以準備解包apk看一下打包參數是否出問題。

序言在Android開發中，可能需要從我們自己的應用程式跳轉到別的應用程式的介面，但是在不知道別的應用程式的包名以及類名（class name）的情況下，是很難做到這一點的。有個最簡單的方法就是下載應用程式的apk檔案，然後修改副檔名為zip或者rar，之後解壓縮檔案。在解壓縮出來的檔案中，就會有一個AndroidManifest.xml的檔案，但是打開之後，可能是亂碼，這就尷尬了，那怎麼辦呢？

AXMLPrinter2.jar是一款常用的apk反編譯工具，主要用於反編譯apk檔案，包括包名、版本號和圖示等資訊，可以用AXMLPrinter2對androidmanifest.xml反編譯進行明文查看。

使用方法 1、下載工具AXMLPrinter2.jar工具地址：https://code.google.com/archive/p/android4me/downloads 2、將要查看的AndroidManfist.xml檔案複製至與工具相同資料夾下 3、在當前資料夾打開DOS視窗 4、執行如下命令

PLAINTEXT

java -jar AXMLPrinter2.jar AndroidManifest.xml >> AndroidManifest.txt

クリックして展開し、詳細を表示

執行完該命令後會在該資料夾生成AndroidManifest.txt檔案，該檔案便是解碼後的檔案。

支付寶當面付對接

Sat, 04 Apr 2020 02:35:18 +0000

當面付顧名思義，面對面付款，幫助商家在線下消費場景下實現快速收款；當面付產品支援條碼支付和掃碼支付兩種付款方式。我們這裡對接的就是掃碼支付掃碼支付，指用戶打開支付寶錢包中的「掃一掃」功能，掃描商家展示在某收銀場景下的二維碼並進行支付的模式。該模式適用於線下實體店支付、面對面支付等場景。業務流程如下圖所示：

由於當面付的簽約非常簡單，允許個體工商戶/個人商戶簽約。所以該方式也被大量用於線上的掃碼支付，由於該方式違反了支付寶的相關條款，有一定風險，咱作為技術交流，暫且先拋開這個問題。

作為技術對接，即使你沒有簽約當面付產品，也是可以進行開發的。支付能力直接涉及到交易與資金，為了方便開放者調試支付能力，開放平台已經準備好沙箱環境，包括沙箱環境帳號和沙箱版支付寶錢包，這樣開發者就可以在沙箱環境調試了。點擊了解如何接入沙箱並接入沙箱環境。

所以我這邊開發使用的是沙箱環境，畢竟裡面好多錢，隨便用。

首先先下載相應的開發語言的sdk 下載：https://docs.open.alipay.com/194/105201/ 掃碼支付文檔：https://docs.open.alipay.com/194/106078/

Discuz! 論壇個人空間自訂 CSS 樣式

Tue, 24 Mar 2020 13:23:51 +0000

幾天前閒來無事，然後就去找了一下Discuz論壇的漏洞，然後還真就找到了，順便就寫成了個軟體，再就順勢水了一篇。下面這是事件起因

這個漏洞對網站並沒有太大的危害，僅只能自定義個人空間的CSS樣式，對網站數據並不構成威脅，還請放心。

軟體效果即可以自定義Discuz個人空間的裝扮的CSS樣式，豐富美化個人空間，讓其不再單調。

測試Discuz版本X3.4，其他版本請自行測試。
僅測試了全球主機交流論壇(站長求放過)，同版本Discuz理論上通用
未開通個人空間的論壇不可用
自定義CSS不建議過多且建議壓縮成一行，以免導致失敗
協議頭正常情況下，理論上可以不用修改，放置文本框主要是為了方便擴展
如果操作的是loc論壇，默認會關注並添加阿珏醬為好友 [#手動滑稽 + 狗頭保命]

本軟體僅本地請求，不將任何數據上傳到伺服器。軟體有加殼，防毒軟體可能誤報，還請放心使用

獲取Cookie

瀏覽器打開開發人員工具(F12)，進入目標網站，在登入狀態下的任何頁面即可。開發人員工具切換到Network選項欄，重新整理頁面(F5)，找到並點擊當前網域的請求數據的Headers欄，Request Headers處的Cookie。我知道大家肯定聽不懂我在說什麼，所以我特意做了圖。

第二種方法操作更簡單快捷，但是這種方法適用於你知道自己想要的Cookie是哪一個。如下圖所示。

隨機二次元圖片API第三彈

Tue, 10 Mar 2020 08:51:35 +0000

我本來都把第二彈置頂上來了，沒打算再發第三彈的，然後想著想著又憋出這麼多話，想想不發不就白白浪費我那麼多腦細胞了。

距離上一次更新已經過去了2年，APi 也平穩地運行了2年零好幾個月了。此次主要是更新了一張教學圖片和3000+隨機二次元API圖，另外還有介面的優化，大概就是這樣。

所有圖片均託管在新浪雲伺服器上，擁有全球CDN加速，感謝幻想領域提供的上傳服務。

介面位址：

https://random.52ecy.cn/randbg.php (推薦)

ESP8266 串列埠WiFi模組 - WiFi殺手

Mon, 03 Feb 2020 06:59:55 +0000

前陣子買了個ESP8266，準備拿來玩玩。實際閒置數月，然後就拖到了2020年 ESP8266是一個WiFi物聯網模組，實際應用很廣，功能簡單來講就是：從wifi接收到數據，序列埠輸出；從序列埠接收數據，wifi輸出數據。

這玩意技術成熟，成本低廉，所以售價也就十幾塊錢的事

開箱我這裡買的還是帶OLED液晶螢幕的套裝（給以後玩好玩的東西準備）

最經典的應該就是WiFi殺手了。所以咱就先刷一個WiFi殺手的韌體玩玩韌體：https://github.com/samdenty/Wi-PWN?wi-pwn=7.0 原理是透過發送取消認證報文讓客戶端以為路由器需要讓自己斷開連接從而斷開wifi，偽造路由器向客戶端發送取消認證報文，使客戶端主動斷開wifi連接。並且支援自訂熱點偽造（批量生成假Wi-Fi訊號）。

使用能數據傳輸的數據線連接電腦，桌上型電腦盡量插到後面的埠去插上後，Windows系統的電腦會自動安裝驅動程式，如下圖所示，記住這個COM

還需要安裝ch341ser驅動程式，USB轉序列埠CH341/CH340的WINDOWS驅動程式安裝包。按提示安裝即可。這個需要另外下載

韌體燒錄我這裡使用的是NodeMcu FIRMWARE PROGRAMMER燒錄工具 1、operation 這裡的com埠選擇之前看到的那一個。或者在裝置管理員中看你ESP8266開發板是插在哪個埠

2、config選擇你的韌體位址，其他預設不動

3、Advanced - Baudrate 這個鮑率看你開發板背面寫的

如圖所示，圈出來的那塊

配置好後點擊 Flash(F)鍵開始燒錄，這個過程可能有點久，慢慢等就是了

一款美翻了的阿里圖床程式

Sun, 12 Jan 2020 08:42:16 +0000

拖延一時爽，一直拖延一直爽，一不經意間又拖延了一個月，就連元旦都沒有出來露個面，說來慚愧。作為補償，趁著今天週末，我來發佈一個阿里圖床。

之前的程式好多小夥伴都說難以安裝，這次的阿里圖床就很簡單了，直接上傳到你的伺服器訪問就能使用了，一點都不需要配置，就是這麼簡單。(真的不是偷懶什麼都沒寫) 瞧瞧介面，是不是很美。

因為比較簡單，所以暫時沒有演示地址。如果有搭建好的小夥伴可以在下方評論出自己的圖床地址給其他小夥伴參考參考專案地址

這兩天換上了新logo，也很漂亮的不是嗎（抓著公司ps大佬幫忙做的）幻想領域圖床也開放驗證碼了，大家不要上傳不好的圖片喔

熱敏藍牙印表機開發

Tue, 05 Nov 2019 14:49:50 +0000

最近在做小票打印這塊，項目需求是IOS和安卓兩種都要實現，開始做的時候也是一臉懵，然後網上找了不少資料，踩了一堆坑，看了好多文章，結果還好成了
藍牙打印機一般分為兩種打印模式，票據打印、標籤打印

公司買的渣渣打印機連開發文檔都沒有，害我走了不少坑，讓我開發買的時候也不諮詢諮詢我
目前微信小程序連接藍牙打印機 wx.createBLEConnection 測試在IOS設備上沒有問題，在部分安卓手機上會出現異常（表現為，連接是會彈出系統配對框，不管點取消還是輸入配對碼後點確定，都會立馬斷開連接。如果不輸入也不取消則會在30秒以內自動斷開藍牙打印機）

現在採用的方式是各給安卓和IOS寫一套藍牙打印的命令
IOS

// ====================藍牙操作================== //初始化藍牙模組 openBluetoothAdapter() {

if (app.sysinfo.provider == 1) {
    // 開啟藍牙
    app.onBluetooth()
    setTimeout(() => {
        this.android\_search()
    }, 2000)
    return false;
}


this.closeBluetoothAdapter()
uni.openBluetoothAdapter({
    success: (res) => {
        console.log("初始化藍牙模組: " + JSON.stringify(res));
        this.startBluetoothDevicesDiscovery()
    },
    fail: (res) => {
        if (res.errCode === 10001) {
            uni.onBluetoothAdapterStateChange((res) => {
                console.log('監聽藍牙適配器狀態變化事件', res)
                if (res.available == false) {
                    app.global\_printing = {}
                    this.connected = false
                    this.chs = \[\]
                    this.canWrite = false
                }
                if (res.available) {
                    this.startBluetoothDevicesDiscovery()
                }
            })
        }
        if (res.errCode) {
            app.alert('初始化藍牙失敗，錯誤碼：' + res.errCode)
            return false;
        }
        app.alert(res.errMsg)
    }
})

鴿主帶著新版三合一回來了

Sun, 04 Aug 2019 01:42:18 +0000

自從5.20表白後，鴿主就一直處於失蹤狀態…….

時隔不知道多少個月，三合一它竟然又更新了，兩個月前在群裡立下的flag，今天我把它給圓了，不要問我中間兩個月幹嘛去了-.- （忙著參加大型鴿子聚會）

正文

由於網路識別經常掛掉，非常不穩定，一直有小夥伴在跟我反饋，所以這次特意更新了本地識別。
推薦1G記憶體以上的機子安裝，推薦配置2核2G，最佳配置16核32G [#手動滑稽]

v2.0

新增本地二維碼識別與生成
移除網路識別介面
修復已知BUG
其他一些細節優化

詳細說明和安裝教程可點擊這裡查看上個版本
新版網站均保留了舊版本資料，不影響之前使用者使用，並且與贊助版資料同步

贊助版

由於舊版本盜版氾濫，新版三合一增設了贊助版。
演示網站：https://qr.moeins.cn

小程序架構

Fri, 17 May 2019 06:59:47 +0000

不知道大家們寫小程序是怎麼個寫法的，前幾個月在寫微信小程序，自己整理的一種架構，或者叫框架微信原生的架構是這樣子

├── app.js ├── app.json ├── app.wxss ├── pages │ │── index │ │ ├── index.wxml │ │ ├── index.js │ │ ├── index.json │ │ └── index.wxss │ └── logs │ ├── logs.wxml │ └── logs.js └── utils

為什麼不用微信原生的寫法呢？小程序就類似手機APP，都會有一個tabBar欄對吧，微信官方的tabBar欄是在app.json中進行的全局配置。做一般的開發是沒有任何問題的，但涉及到一個複雜的tabBar欄時，使用官方原生的就無法實現，也無法動態載入，比如某影片app中間的拍照錄影功能這意味著，我們不能使用官方給我們提供的tabBar欄，需要我們自己寫最開始我的做法還是保持原生的結構，只是自己寫tabBar欄，所以頁面程式碼都寫在一個文件中，預設顯示第一屏，其他的都隱藏起來，切換頁面的時候再把相應的頁面顯示，其他的隱藏起來，並且動態渲染資料上去。但是有個問題是，如果是小專案倒沒什麼大問題，但是如果是大專案程式碼量非常龐大，都寫在一個文件中，後期難以維護，所以這個方法最後被pass掉

再後來將切換頁面的方式改為跳轉（wx.switchTab等），把不同頁面的程式碼放到了不同的文件，但是還有一個問題，切換也會閃爍，每次切換頁面就等於重新打開一個網頁一樣，tabBar都被重新渲染，所以會閃爍。pass

由此就有了現在的全新架構方式：將/pages/index/下的文件全部定義為入口文件，js入口，css入口，視圖入口，不同頁面的文件還是放到不同的位置去，為了好管理，新建了一個template的資料夾，用於放不同頁面間的程式碼，結構和官方的單頁面結構是一樣的根目錄下的app.js用於存放全域函數，其他頁面呼叫只需getApp()即可 js的入口文件

JAVASCRIPT

const app = getApp();
var index\_js = require("../../template/index/index.js");
var types\_js = require("../../template/types/types.js");
var Global\_Data = \[\];
Page({
    data: {
        active: 0,
        show: {
            index: true,
            types: false,
            course: false,
            user: false
        }
    },

    onLoad(options) {
        this.setData({
            Global\_Data: index\_js.getData()
        })
    },

    // 底部nav切换
    tabbar\_onChange(event) {
        var key = '';
        this.data.show = {
            index: false,
            types: false,
            course: false,
            user: false
        };
        console.log(event)
        switch (event.detail) {
            case 0:
                key = 'index';
                Global\_Data = index\_js.getData();
                break;
            case 1:
                key = 'types';
                Global\_Data = types\_js.getData()
                break;
            case 2:
                key = 'course';
                Global\_Data = index\_js.getData();
                break;
            case 3:
                key = 'user';
                Global\_Data = index\_js.getData();
                break;
        }
        this.data.show\[key\] = true;
        console.log(Global\_Data)
        this.setData({
            show: this.data.show,
            Global\_Data: Global\_Data
        })
    },
});

クリックして展開し、詳細を表示

wxml入口文件

如何優雅地提交一個表單

Mon, 06 May 2019 07:28:33 +0000

這是一個非常基礎的HTML表單提交問題，但卻是一個非常實用的技巧我的業務場景是這樣的：一個可動態建立input的表單，如下圖

這意味著input的name不能是一個固定的，否則肯定會被覆蓋掉的

第一種，傳統的普通提交方式，給每一個要提交的input一個唯一的name

瀏覽器提交抓到的格式是這樣子的

伺服器獲取列印出來的是這樣的，對後端的資料處理就非常不友善

第二種，陣列的方式進行表單提交

瀏覽器和後端列印的結果分別為

泳裝妹子果然棒

Fri, 19 Apr 2019 12:50:15 +0000

不起眼女主角培育法 – 英梨梨 – 簡稱黃毛郵政小包

開箱

外殼轉一圈，外殼也值得收藏

看到了點不得了的東西

開箱取出，泳裝好像沒穿好，這。。。（捂眼）少兒不宜，打碼打碼

好不容易幫妹子穿好了泳裝

這腿好白，舔

轉一圈

小虎牙真棒

角度刁鑽

第一人稱(笑-。-

開箱結束，完美Ψ(￣∀￣)Ψ

一些常見功能的查詢sql

Wed, 10 Apr 2019 09:33:11 +0000

1、情境：查詢一位選手的排名及距離上一名差多少票 方法二（去重排序查詢比自己少的數量）

PHP

$temp = DB::fetch_first("SELECT distinct total+jewel_vote+forge_vote  ,COUNT(*)+1 AS RANK FROM " . DB::table('vote_competition') ." WHERE total+jewel_vote+forge_vote>" . $competition['all'] . " and aid={$aid} ORDER by forge_vote desc");
$rank = $temp['RANK'];
// 無法直接查詢到上一名選手票數
if ($temp['total+jewel_vote+forge_vote']) {
        // 這裡查詢出來的是和第一名選手相差的票數
    $up = $temp['total+jewel_vote+forge_vote']-$competition['all'];
}

クリックして展開し、詳細を表示

方法一（定義變數累加排序）

微信授權登入

Fri, 05 Apr 2019 09:29:45 +0000

文件：https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421135319

微信的授權登入與QQ、新浪等平台的授權登入大同小異，均採用OauthOAuth2.0鑑權方式。
微信授權分為兩種：

靜默授權
彈窗授權，需要用戶手動同意

兩種scope的區別說明

以snsapi_base為scope發起的網頁授權，是用來獲取進入頁面的用戶openid的，並且是靜默授權並自動跳轉到回調頁的。用戶感知的就是直接進入了回調頁（往往是業務頁面）
以snsapi_userinfo為scope發起的網頁授權，是用來獲取用戶的基本資訊的。但這種授權需要用戶手動同意，並且由於用戶同意過，所以無須關注，就可在授權後獲取該用戶的基本資訊。

用戶管理類介面中的「獲取用戶基本資訊介面」，是在用戶和公眾號產生訊息交互或關注後事件推送後，才能根據用戶OpenID來獲取用戶基本資訊。這個介面，包括其他微信介面，都是需要該用戶（即openid）關注了公眾號後，才能呼叫成功的。

具體而言，網頁授權流程分為四步：

引導用戶進入授權頁面同意授權，獲取code
透過code換取網頁授權access_token（與基礎支援中的access_token不同）
如果需要，開發者可以重新整理網頁授權access_token，避免過期
透過網頁授權access_token和openid獲取用戶基本資訊（支援UnionID機制）

以下是封裝的微信操作類，需要用到兩個資料表，用於保存access_token、ticket，由於它們具有一定有效期，且每天請求數有上限，所以開發者需自行保存

'系統繁忙，此時請開發者稍候再試', '0' => '請求成功', '40001' => 'AppSecret錯誤或者AppSecret不屬於這個公眾號，請開發者確認AppSecret的正確性', '40002' => '請確保grant\_type字段值為client\_credential', '40164' => '呼叫介面的IP地址不在白名單中，請在介面IP白名單中進行設定。', ); function \_\_construct($appid, $appserect) { $this->appid = $appid; $this->appserect = $appserect; $this->curl = new Curl(); } /\* 微信網頁授權登入需要在公眾號設定 - 功能設定 - 網頁授權域名第一步：用戶同意授權，獲取code scope : snsapi\_base 只能獲取openid 直接跳轉 snsapi\_userinfo \*/ public function getCode($redirect\_uri, $scope = 'snsapi\_userinfo',$state = '1') { $url = "https://open.weixin.qq.com/connect/oauth2/authorize?appid={$this->appid}&redirect\_uri={$redirect\_uri}&response\_type=code&scope={$scope}&state={$state}#wechat\_redirect"; header("Location:{$url}"); exit; } /\* 第二步：透過code換取網頁授權access\_token \*/ public function getAccessTokenByCode($code) { $url = "https://api.weixin.qq.com/sns/oauth2/access\_token?appid={$this->appid}&secret={$this->appserect}&code={$code}&grant\_type=authorization\_code"; // exit($url); // $curl = new Curl(); $result = $this->curl->doGet($url); if (!$result) { // $this->curl->getError() $this->msg = "獲取token失敗"; return false; } $result = json\_decode($result, true); if ($result\['errcode'\]) { $this->msg = $result\['errmsg'\]; return false; } return $result; } // 第三步：重新整理access\_token（如果需要）透過code 獲取openid $type 0靜默授權 1彈窗授權 public function getUserInfo($code, $type = 0, $lang = 'zh\_CN ') { $result = $this->getAccessTokenByCode($code); if (!$result) { return false; } $member = C::t(PT\_USER)->getByOpenid($result\['openid'\]); if ($member) { return $member; } else { if ($type) { $url = "https://api.weixin.qq.com/sns/userinfo?access\_token={$result\['access\_token'\]}&openid={$result\['openid'\]}&lang={$lang}"; // $return = $this->curl->doGet($url); // 這介面有病強制顯示文件頭 $return = file\_get\_contents($url); if (!$return) { $this->msg = '獲取用戶資訊失敗'; return false; } $return = json\_decode($return, true); if (!$return) { $this->msg = '獲取用戶資訊返回失敗'; return false; } // file\_put\_contents('ccc.txt',print\_r($return,true),FILE\_APPEND); $data = array( 'openid' => $return\['openid'\], 'name' => $return\['nickname'\], 'sex' => $return\['sex'\], 'province' => $return\['province'\], 'city' => $return\['city'\], 'country' => $return\['country'\], 'img' => $return\['headimgurl'\], 'bindtel' => 0, ); } else { $data = array( 'openid' => $result\['openid'\], 'username' => "微信用戶\_" . random(6,1) ); } $name = rand(100000, 1000000000); $e = $name . "@qq.com"; $password = $e; $id = UserAddEdit(0, $data\['username'\], $password, $e,10,0,"", $msg); if ($id <= 0) { $this->msg = $msg; return false; } C::t(PT\_USER)->update($data, $id); $member = C::t(PT\_USER)->get($id); return $member; } } /\* 公眾號安全中心設定IP白名單公眾號的全局唯一介面呼叫憑據，公眾號呼叫各介面時都需使用access\_token。開發者需要進行妥善保存。access\_token的儲存至少要保留512個字符空間。access\_token的有效期目前為2個小時，需定時重新整理，重複獲取將導致上次獲取的access\_token失效。 \*/ public function getAccessToken($type) { $addtime = TIMESTAMP - 7200; $url = "https://api.weixin.qq.com/cgi-bin/token?grant\_type=client\_credential&appid={$this->appid}&secret={$this->appserect}"; $row = C::t(PT\_WXTOKEN)->getNew($addtime, $type); if ($row) { return $row\['access\_token'\]; } else { $result = $this->curl->doGet($url); if (!$result) { $this->msg = "無法獲取令牌內容"; return false; } $result = json\_decode($result, true); if (!$result) { $this->msg = "解析令牌內容失敗"; return false; } if ($result\['access\_token'\]) { C::t(PT\_WXTOKEN)->addToken($result\['access\_token'\], $type); return $result\['access\_token'\]; } else { $this->msg = "獲取令牌失敗"; return false; } } } // 獲取js票據需要在公眾號設定 - 功能設定 - JS介面安全域名設定 public function getJsTicket() { $addtime = TIMESTAMP - 7200; $row = C::t(PT\_WXTICKET)->getNew($addtime); if ($row) { return $row\['ticket'\]; } else { $token = $this->getAccessToken(); if (!$token) { return false; } $url = "https://api.weixin.qq.com/cgi-bin/ticket/getticket?access\_token={$token}&type=jsapi"; $result = $this->curl->doGet($url); if (!$result) { $this->msg = "無法獲取js票據"; return false; } $result = json\_decode($result, true); if (!$result) { $this->msg = "解析js票據內容失敗"; return false; } if ($result\['ticket'\]) { C::t(PT\_WXTICKET)->addTicket($result\['ticket'\]); return $result\['ticket'\]; } else { $this->msg = "獲取js票據失敗"; return false; } } } // js sdk 票據簽名當前網頁的URL，不包含#及其後面部分 public function jsSign($data) { // 1.所有待簽名參數按照字段名的ASCII 碼從小到大排序（字典序） ksort($data); // 2.URL鍵值對的格式（即key1=value1&key2=value2…）拼接成字符串string1 採用原始值，不進行URL 轉義 $string1 = $this->ToUrlParams($data); // echo "string1:{$string1}
"; // 3.對string1做sha1加密 $sign = sha1($string1); // echo "signature:{$sign}
"; return $sign; } // 獲取訊息內容 public function getMsg() { return $this->msg; } /\*\* \* 格式化參數格式化成url參數 \*/ public function ToUrlParams($data) { $buff = ""; foreach ($data as $k => $v) { if ($k != "sign" && $v != "" && !is\_array($v)) { $buff .= $k . "=" . $v . "&"; } } $buff = trim($buff, "&"); return $buff; } } ?>

// 微信登入 function wxlogin() { global $_G,$identifier,$config,$wx; if (!$_G[‘uid’]) { if ($_GET[‘state’]) { // 回調 $member = $wx->getUserInfo($_GET[‘code’]); if (!$member) { exit($wx->getMsg()); } if (!function_exists(“setloginstatus”)) { include_once libfile(‘function/member’); } // 設定登入狀態$wx setloginstatus($member, 2592000); checkfollowfeed(); $_G[‘uid’] = $member[‘uid’]; $_G[‘member’] = $member; } else { // 請求授權對參數編碼 $redirect = urlencode(getProtocol() . $_SERVER[‘HTTP_HOST’] . $_SERVER[‘REQUEST_URI’]); $wx->getCode($redirect, ‘snsapi_base’); } } } function getProtocol() { return is_HTTPS() ? ‘https://’ : ‘http://’; } function is_HTTPS() { if ($_SERVER[‘HTTPS’] === 1 || $_SERVER[‘HTTPS’] === ‘on’ || $_SERVER[‘SERVER_PORT’] == 443) { return true; } return false; }

微信JSAPI支付

Sat, 30 Mar 2019 09:30:21 +0000

前陣子一直在做微信相關的業務，雖說不是什麼新技術，但之前一直沒有機會接觸到，然後踩了些坑，抽空整理記錄下。微信支付一共分為7種，分別是：付款碼支付、JSAPI支付、Native支付、APP支付、H5支付、小程序支付、人臉支付。此次業務中使用到的是微信JSAPI支付：用戶透過微信掃碼、關注公眾號等方式進入商家H5頁面，並在微信內呼叫 JSSDK完成支付

文件：https://pay.weixin.qq.com/wiki/doc/api/index.html

SDK：[https://pay.weixin.qq.com/wiki/doc/api/micropay.php?chapter=11_1

](https://pay.weixin.qq.com/wiki/doc/api/micropay.php?chapter=11_1)JSAPI 支付需要在微信中的瀏覽器打開才能喚起微信支付，效果如下圖

附上介面程式碼程式碼中使用了模板引擎 html：

萌音雲筆記平臺

Tue, 06 Nov 2018 09:36:32 +0000

官網 | 官方交流群 | 部落格 | GitHub

萌音影視 - 線上影視應用

Tue, 25 Sep 2018 07:41:02 +0000

部落格 | 演示站 | QQ群 | GitHub

QQ、支付寶、微信收款碼三合一

Fri, 24 Aug 2018 06:23:20 +0000

收款啦

收款啦，是一款整合支付寶、微信、QQ收款碼的三合一系統。

採用 thinkPHP5.0 + MySQL + layui 開發完成

演示網站：收款啦

專案地址：GitHub

前言

無論是教學還是現成的程式碼，網路上幾乎隨處可見，為什麼我還要自己寫一套呢？

世界那麼大，讓我帶你去看看 123

Wed, 01 Aug 2018 06:09:21 +0000

聽說只有聰明人才能看到這句話，密碼在文章標題後面生命短暫，世界很大。小飛機助手，它是一款基於S*h·a·d·o·w·s·o·c·k·s的VPN代理軟體助手，它內建多個節點，可用率高達80%，可一鍵翻`越`長`城`防`火`牆，達到科`學`上`網`的目的。

先聲明

在某個漆黑風高、風雨交加的夜晚，身為碼農的某部落客，經常需要上網搜尋資料和學習，故國內度娘對英文搜尋欠佳，則需上谷`歌，又故國內大陸地區無法直接訪問谷`歌，則迫於無奈只能掛上梯`子，爬出長`城`防`火`牆

該軟體為免費軟體，請勿盜賣！
該軟體僅用於學習與交流，請不要用於違法用途
任何人使用該軟體的任何行為均與作者無關，本人有權不承擔任何法律責任！

環境

需要安裝 .NET Framework 4.6.2 和 Microsoft Visual C++ 2015 Redistributable (x86)

基本使用

雙擊小飛機助手運行後將自動釋放內建的 S·h·a·d·o·w·s·o·c·k·s 版本（注意殺軟）
小飛機助手預設使用的是高可用模式，當然你也可以切換模式，或者選擇你喜歡的節點
選擇 啟用系統代理 來啟用系統代理。請禁用瀏覽器裡的代理外掛程式，或把它們設定為使用系統代理。

伺服器自由切換

負載平衡：隨機選擇伺服器
高可用：根據延遲和丟包率自動選擇伺服器
累計丟包率：透過定時 ping 來測速和選擇。如果要使用本功能，請打開選單裡的`統計可用性`。
也可以實現 IStrategy 介面來自訂切換規則，然後給我們發一個 pull request。

如果目前節點不可用請自行嘗試切換節點

殺軟可能報毒，請新增信任，如不放心，請在虛擬機器中運行哈勃報告：https://habo.qq.com/file/showdetail?pk=AD0GYV1oB2UIP1s9#pephoto .down_link{background:url(‘https://www.52ecy.cn/content/uploadfile/201707/md-bg.jpeg' ) no-repeat 100% 0% #fffdff; border: 1px solid #faf8fb; border-radius: 2px; color: #666; font-size: 14px; margin-bottom: 10px; padding: 5px 20px;}.downbtn{background: none repeat scroll 0 0 #1BA1E2; border: 0 none; border-radius: 2px; color: #FFFFFF; cursor: pointer; font-family: “Open Sans”,“Hiragino Sans GB”,“Microsoft YaHei”,“WenQuanYi Micro Hei”,Arial,Verdana,Tahoma,sans-serif; font-size: 14px; margin: -4px 20px 0 0; padding: 8px 30px;text-transform:none;text-decoration:none;} .downlink a{text-decoration:none;} .downlink a{text-decoration:none;font-size:15px;} .downlink a:link{color: #ffffff;} .downlink a:visited{color: #ffffff;} .downlink a:hover{color: #ffffff;} .downlink a:active{color: #ffffff;} .downbtn{background: none repeat scroll 0 0 #1BA1E2; border: 0 none; border-radius: 2px; color: #FFFFFF !important; cursor: pointer; font-family: “Open Sans”,“Hiragino Sans GB”,“Microsoft YaHei”,“WenQuanYi Micro Hei”,Arial,Verdana,Tahoma,sans-serif; font-size: 14px; margin: -4px 20px 0 0; padding: 8px 30px;} .yanshibtn{background: none repeat scroll 0 0 #d33431; border: 0 none; border-radius: 2px; color: #FFFFFF!important; cursor: pointer; font-family: “Open Sans”,“Hiragino Sans GB”,“Microsoft YaHei”,“WenQuanYi Micro Hei”,Arial,Verdana,Tahoma,sans-serif; font-size: 14px; margin: -4px 20px 0 0; padding: 8px 30px;text-transform:none;text-decoration:none;} .downbtn:hover,.yanshibtn:hover{background: none repeat scroll 0 0 #9B59B6; border: 0 none; border-radius: 2px; color: #FFFFFF!important; cursor: pointer; font-family: “Open Sans”,“Hiragino Sans GB”,“Microsoft YaHei”,“WenQuanYi Micro Hei”,Arial,Verdana,Tahoma,sans-serif; font-size: 14px; margin: -4px 20px 0 0; padding: 8px 30px;} .downbtn a:hover,.yanshibtn a:hover{background: none repeat scroll 0 0 #9B59B6; border: 0 none; border-radius: 2px; color: #FFFFFF; cursor: pointer; font-family: “Open Sans”,“Hiragino Sans GB”,“Microsoft YaHei”,“WenQuanYi Micro Hei”,Arial,Verdana,Tahoma,sans-serif; font-size: 14px; margin: -4px 20px 0 0; padding: 8px 30px;}

萌音社群來了~哇

Sat, 07 Jul 2018 07:41:09 +0000

兩個月的傾情之作，萌音社區它來了~ 作為新一代開放性的二次元交流社群，圖片、影片、聲音，甚至是黑科技等，在允許的範圍內，你幾乎可以發佈任何內容…..

幻想領域走了，萌音社區來了！各種女裝大佬，基佬百合，咦咦咦小蘿莉，找緩♀交，聊哲♂學，應有盡有，自古紅藍出CP，不是百合就是基。快來和我們簽訂契約吧~~

萌音社區,一個超好玩的ACGN二次元交流社群,一個充滿愛與和諧的二次元社群,新番舊番,日漫美圖,福利動漫,MMD等ACGN資源應有盡有.一起吐槽刷彈幕,尋找cosplay同好,還可以與大家分享二次元宅的日常,進入二次元的精彩世界主站點 www.moeins.com 備用站點 www.moeins.cn # 關於建立這個社群的目的呢 其實沒什麼目的，就是想要有那麼一個屬於自己的二次元社群，然後一群喜歡二次元的小夥伴在裡頭瞎聊點什麼的，比如我老婆漂亮還是你老婆漂亮之類的，然後它就為此而誕生了。萌音社區它不一定能成功，但我們一定會用心把它做好。反正也就多續費個網域，目前託管在由齊樂分享提供的洛杉磯機房，因為網域沒備案嘛 # 萌音社區的誕生歸功於以下專案

[筆記]Git常用命令大全

Sat, 16 Jun 2018 08:56:21 +0000

繼上一次之後，我抽空整理了一份比較完整的 Git 常用命令清單，並找到了一張非常棒、非常高清的導圖（1759*3162）。

查看、新增、提交、刪除、找回、重置修改檔案

git help <command> # 顯示 command 的說明

git show # 顯示某次提交的內容 git show $id

git co -- <file> # 捨棄工作區修改

git co . # 捨棄工作區修改

git add <file> # 將工作檔案修改提交到本地暫存區

git add . # 將所有修改過的工作檔案提交暫存區

git rm <file> # 從版本庫中刪除檔案

git rm <file> --cached # 從版本庫中刪除檔案，但不刪除檔案

git reset <file> # 從暫存區恢復到工作檔案

git reset -- . # 從暫存區恢復到工作檔案

git reset --hard # 恢復最近一次提交過的狀態，即放棄上次提交後的所有本次修改

git ci <file> git ci . git ci -a # 將 git add, git rm 和 git ci 等操作都合併在一起執行 git ci -am "some comments"

萌音全自動發卡平台上線

Sat, 12 May 2018 10:52:02 +0000

萌音自動發卡平台（以下簡稱「萌音發卡」），用於為個人用戶提供虛擬商品線上購買以及全自動發貨服務。開發它的目的其實自己是沒什麼用，並且市面上有不少類似的產品，但是有朋友要，所以它就誕生了。以盡可能簡單的原則實現了最基本的功能，所以介面非常的簡約，後期擴展也是非常方便。演示網站（伺服器位於美國奧勒岡，速度有點慢，僅供演示使用）

資金即時到帳

無需擔心第三方跑路，資金直接到帳，不經過第三方。快速回籠資金，超越競爭對手

多用戶無限制

不綁定任何帳號、域名、CPU，完全自由使用，隨意更換。

emlog 新浪上傳插件+接口 V1.1

Sat, 21 Apr 2018 11:02:22 +0000

emlog 後台撰寫文章新浪上傳圖片外掛
第一次撰寫 emlog 外掛，參考了七牛圖床的寫法（對，就是後台那個），推薦兩個一起使用
外掛下載後直接上傳到 emlog 後台即可，無需解壓縮（這話誰說的，站出來，保證不打死你）
具體使用方法在外掛設定介面有寫，下載地址在文章底部
哪位好心人有 emlog 的開發者帳號，可以幫我提交到 emlog 應用中心裡

注意： GitHub 打包下載的 zip 壓縮包檔名會被加上-master，包括裡面壓縮的子資料夾，需要重新命名為SinaUpload才能上傳，否則 emlog 會報錯

此外掛僅限 emlog 部落格系統使用，其他部落格系統無法使用
以下是公開介面，可自行編寫其他系統外掛

介面地址：

https://img.52ecy.cn/home/Interface

請求參數說明：

名稱

說明

username

幻想領域圖床系統V1.2正式版發布

Wed, 11 Apr 2018 11:40:25 +0000

幻想領域1.2

它的誕生，並不是最終的解決方案，開發它的目的僅僅只是為了方便自己使用.
項目主頁
 項目地址
 幻想領域V1.0 ☜(詳細介紹戳介裡)

新浪微博主題靜態模板輪子

Tue, 20 Mar 2018 13:09:30 +0000

前端的任何東西都是紙老虎，你真想要扒，沒有拿不走的

對，我這主題就是扒來的，簡約部落格新主題Sina上線 - 魔改新浪我也在文章中提到了

所謂的原作者(也是改別人的)，我並不是直接扒他站的，扒的是一個盜我文章不註明還好意思來問我的**

由於考慮到他這個是收費主題，所以才並沒有開源，本來這事就過去了，可人家倒好說怕我給洩露了，還玩嘲諷，就一介面，還能咋了，Ctrl+S就保存下來的東西還怕別人洩露？

想必到這裡，為什麼所謂的作者會知道還到我部落格來了，聰明人都知道，小人嘛

再說說那個**，把我文章搬過去不註明還好意思來問我要程式碼，當然這篇文章他已經刪了。還問我扒他的收費主題真的好嗎？那你扒我文章的時候怎麼不問問自己這樣好嗎？後面又發了篇更噁心人的文章，由於他網站已經掛了，沒法截圖。大致內容如下：說看見很多人都開源了某某東西，但我不想像他們那樣，要發點乾貨。然後就把我的程式碼說成他自己的發佈出來，你要真有技術就自己寫，把我改完的js一壓縮就成你的了，牛逼我憑啥說是我的，在他壓縮的js中有一行 var tao = Math.floor(Math.random()*44); 的程式碼，變數名是我在逛淘寶時瞎jb寫的，這是一個取隨機數，為什麼連後面的44都和我一模一樣呢，因為他連我圖片都給採集去了。這種人最噁心了，沒有技術還非要裝。本來盜文章這事在中國就很普遍，不說什麼，你要直接原封不動的搬去我也不多說，但你把我改過的東西拿去說自己的，還要臉嗎

這段時間部落格來了好多的小夥伴，我也看到不少搬我文章隻字不提的。

就說這麼多了，不想污染了部落格這塊純潔的地方

預覽地址開源給大家造個輪子，自己對接到各種網站上去（非100%相似度，有些功能是我自個加上去的）點我下載

輕量級新浪圖床程式幻想領域1.0發佈

Thu, 08 Mar 2018 02:20:59 +0000

幻想領域

哇塞，終於有一款屬於自己的圖床了. 幻想領域是使用 PHP 語言開發的一款輕量級的新浪圖床系統. 它的誕生，並不是最終的解決方案，開發它的目的是為了方便自己使用. 專案主頁專案地址

系統介紹

在幻想領域中, 圖床圖片全部託管在新浪雲, 每張圖片都有多張不同級別的縮略圖.這便是幻想領域的最大特色之一. 擁有較為完善的使用者系統與管理員系統。管理員在後台擁有完全權限，對網站的一切基本配置我的圖庫，將會羅列出使用者自己所上傳的所有圖片，管理員則顯示系統託管的所有圖片.你可以在這裡對圖片進行刪除、預覽或者複製它，但刪除僅僅只是不再出現在本系統中，圖片仍然是存在於新浪之上，這點你是要知道的. 探索，它是前台對使用者圖片預覽的功能，在這裡你可以發現和找到你需要的东西.如果你不需要它，可以在後台進行關閉設置. 上傳新浪圖床並非無要求，它需要你進行登入驗證，但我們擁有一套獨立的新浪登入程式，不依賴任何擴展，並且無驗證碼，cookie 過期將自動為你進行登入，為你解決一切後顧之憂，所以你必須在後台設置你的新浪帳號密碼才能正常使用.

隨機二次元圖片API第二彈

Sun, 04 Mar 2018 11:01:46 +0000

時隔差2天三個月，距離首個隨機二次元圖片API發佈已有許久時間。
第二彈API，突如其來

更新說明：

相較於上一個版本，這次的圖片更適合做背景圖片、桌面壁紙等。
上一個版本就是個大雜燴，什麼圖片都有，慘不忍睹（我自己都不用）。這個版本，花了一點時間，篩選出部分圖片(1080P+)並上傳至新浪雲。
真正意義上支援HTTPS，圖片全託管在新浪雲上，速度也有所提升。
去除了各種意義上的參數設定
圖片內容均為動漫二次元圖片（全年齡段(笑)）

介面位址：

https://random.52ecy.cn/randbg.php

對，呼叫就是如此簡單，直接訪問即可使用，且行且珍惜。
上一個草率的版本
 項目主頁

利用.htaccess綁定子網域到子目錄

Mon, 22 Jan 2018 01:18:11 +0000

一般情況下，一台虛擬主機只允許綁定一個域名到根目錄下。使用過emlog的人，應該對其中的靜態連結不陌生，它就是典型的利用.htaccess檔案來對網頁進行域名轉向。利用.htaccess綁定域名到子目錄，前提是你的空間伺服器必須支援Apache的rewrite功能，只有這樣才能使用.htaccess。如果你的空間是Linux伺服器，一般預設都已開啟。即可以實現綁定域名到子目錄、一個空間多個站點。

下面是以 link.52ecy.cn 綁定到子目錄link為例的.htaccess程式碼。

<IfModule mod_rewrite.c> RewriteEngine On RewriteBase /

綁定link.52ecy.cn 到子目錄link

RewriteCond %{HTTP_HOST} ^link\.52ecy\.cn$ [NC] RewriteCond %{REQUEST_URI} !^/link/ RewriteRule ^(.*)$ link/$1?Rewrite [L,QSA] #可以綁定多個只需重複上三行程式碼並更改一下域名、目錄名就好了

如果你已完成上面的步驟，你的子域名應該可以訪問了，但你會發現在瀏覽器上訪問「主域名+綁定的域名目錄」也可以訪問，可這並不是我們想要的。接下來我們完成最後一步，在每一個綁定的目錄中，如link目錄中，也增加一個 .htaccess 檔案。 .htaccess程式碼如下：

下面是以 music.xmgho.com 綁定到子目錄music為例的.htaccess程式碼。即可以實現綁定域名到子目錄、一個空間多個站點。即可以實現綁定域名到子目錄、一個空間多個站點。即可以實現綁定域名到子目錄、一個空間多個站點。即可以實現綁定域名到子目錄、一個空間多個站點。

<IfModule mod_rewrite.c> RewriteEngine On RewriteBase / #只許綁定的域名訪問 RewriteCond %{HTTP_HOST} !^link\.52ecy\.cn$ [NC] RewriteRule (.*) http://link.52ecy.cn/$1 [L,R=301] #對綁定目錄下與同名的目錄的處理 RewriteCond %{REQUEST_URI} ^\/link\/ [NC] RewriteCond %{QUERY_STRING} !^(.*)?Rewrite RewriteRule ^(.*)$ /%{REQUEST_URI}/%{REQUEST_URI}/$1?Rewrite [L,QSA]

簡約部落格新主題Sina上線 - 魔改新浪

Tue, 09 Jan 2018 12:21:19 +0000

前言（廢話）

前兩天嘛，機緣巧合地打開了某個部落格。哇，乍一看，我還以為打開了微博。部落格整體還是比較喜歡的，蠻好看的，是魔改新浪的主題風格。

然後順勢就給扒過來了，至於原作者是誰我就不清楚了，畢竟是WP的程式，沒玩過，不大清楚。

這次的主題可能大概也許是最後一個了，部落格的話準備棄坑了。18年準備寫個新項目，目前正在策劃中，具體實施最快也要到年後。

這個簡約部落格系統的話，流程方面寫得比較亂，本來是想重寫的，又因為太亂了又不想重寫了(惡性循環)，最後導致了棄坑~~

所以這個部落格是沒有開源的(寫這麼差被大佬笑話怎麼辦)，不過接下來的新項目是準備開源的，畢竟只有開源才能使人進步(其實是裝逼)。

主題預覽（附歷史主題）

當前使用的主題就是最新主題，姑且命名為Sina (媽的，新浪會不會打我)

為你的部落格加上一個Live2D看板娘吧

Sun, 24 Dec 2017 10:14:22 +0000

前段時間，在不少人部落格看到這個 Live2D 看板娘，頗感興趣！就查閱了點相關教學為自己部落格也添加上了

前言

live2d並不是一種先進的技術，它產生的效果，都是用基本的平移、旋轉、透明、曲面變形等操作實現的。最終的效果與貼圖關係很大，而每一個動作，都需要製作師的精細調整。這是一個需要消耗大量時間精力的過程，因此品質好的模型並不多，品質好的也一般是在遊戲中，版權受到保護，不能隨意使用。

本文章中所用模型解包自藥水製作師手機遊戲，版權歸該官方所有。(沒錯，我也是來安利這款遊戲的)

隨機二次元圖片API上線

Wed, 06 Dec 2017 14:52:50 +0000

隨機二次元圖片API上線 —— 隨機動漫桌布，每天刷一刷，每次都不一樣。

接口地址：

https://www.52ecy.cn/randbg/randbg.php

簡約部落格V1.1版本上線 + 一套新主題

Thu, 30 Nov 2017 09:50:53 +0000

時隔兩個月，簡約部落格系統迎來首次更新。並且帶來一套全新的主題。

修正了預設主題的相關BUG
修改後台相關細節

預設主題移步預覽

簡約部落格1.0版本

簡約博客系統1.0版本完成並上線

Sat, 30 Sep 2017 06:22:28 +0000

前言

不知不覺地，從第一個亞子的部落格系統到emlog，再到現在自己寫的簡約部落格系統，忙忙碌碌地搭建部落格也已經一週年了。

自己第一階段的目標也算是告一段落了。

作為一個非營利性的網站，僅僅只是作為一個平常寫寫文字、抒抒情、聊聊天、吹吹牛的地方，我想我會一直做下去的，反正網站這方面的花費並不算太大。

介紹

簡約部落格，意即：簡單而有品味。它是一款基於PHP語言和MySQL資料庫的功能強大的個人部落格系統(blog)。致力於提供快速、穩定，且在使用上又極其簡單、舒適的部落格服務。安裝和使用都非常方便。

介面展示

後台介面樣式仿造emlog 6.0的佈局設計的，採用Bootstrap前端開發框架。

簡約部落格安裝介面

成功安裝完成

後台首頁

撰寫文章

文章管理

標籤管理

分類管理

我的實驗室

Tue, 22 Aug 2017 05:43:46 +0000

常來我部落格打發時間的會發現今天我的導航列多了一個欄目—-實驗室經常會看到一些大佬的部落格裡有個實驗室的導航，所以我也弄了一個用於學(裝)習(逼)。這裡頭會放上我自己折騰的一些玩意。

我的動漫之路 (已廢棄)

用於記錄這些年看過的動漫和感想 2017年10月11日: 決定廢棄該頁面，已許久未更新了，主要原因還是懶，又是文字又是圖片的，真的好麻煩，時不時圖片地址還會失效。抽空再弄個簡單的算了。

簡約部落格系統 (已完成) 上個月嘀咕著重新寫個部落格，簡單點，不需要什麼複雜的功能，然後就誕生了這個名為簡約部落格的部落格系統。這個月然後一點都沒寫了。看下個月有沒有時間寫(其實是懶) 模仿emlog 6.0 的前台後台寫的模子。我準備弄兩套看起來很清爽的前台模板，大概的樣子已經想好了，就差實現了-。- 後台的管理帳號密碼都為root

瞎折騰-友情連結自助申請

Thu, 01 Jun 2017 05:59:59 +0000

關於

友情連結自助申請是使用PHP語言開發的一款友情連結自動審核添加系統。

採用Bootstrap UI庫的柵格系統進行佈局，畢竟咱不是專業的前端，能搞成這樣就不錯了。

功能介紹

本系統，理論支持所有的網站；支持HTTPS的網站；友鏈需要設在網站的首頁；網址有做url跳轉或者防護的無法檢測；一級域名申請通過後，二級域名無法繼續申請；背景圖片隨機我圖庫中一千張；

緣由

在我友鏈中看到一博主，是這麼搞的。申請友鏈自動審核添加，瞬間就感覺高大上了許多，又省去自個審核的麻煩，又能及時添加上去。然後自個就瞎折騰了個

我就在這裝裝逼就好了，源碼有要的可以聯繫我。

以上如有說錯的地方，你TM來打我啊

效果如下圖友情連結申請地址友情連結申請須知

實現 Emlog 最新評論列表不顯示部落格主的評論回覆

Sat, 06 May 2017 03:17:23 +0000

部落格主需要經常與訪客互動，部落格主的回复也會作為一條評論顯示在最新評論處，這樣一來，如果部落格主一次回复好幾條評論留言，那麼在最新評論的地方顯示的都是自己的評論，這樣不太好。

以我目前的 emlog5.3.1 版本為例：

打開 include/lib 目錄下的 cache.php 文件（這是一個快取函數文件），在其中找到以下程式碼：

我的是在第179行，如下

PHP

$query = $this->db->query("SELECT * FROM " . DB_PREFIX . "comment WHERE hide='n' ORDER BY date DESC LIMIT 0, $index_comnum");

クリックして展開し、詳細を表示

將其修改為：

暴露網站後台地址是一件非常危險的事

Sun, 30 Apr 2017 07:48:47 +0000

暴露一個網站的後台地址是一件非常危險的事情，比如我網站的後台地址：管理登入

網路是一個複雜的世界，每個站長還是要學會保護自己。

emlog 的預設後台路徑是 admin 目錄，非常赤裸裸地暴露了重要的資訊。

修改預設後台路徑共分三步：

打開 admin 目錄，找到 globals.php，用 editplus 或者其它編輯器打開，如果你想用記事本打開也行 ^_^ 後果自負

把資料夾 admin 改成你想要的名字，例如 xxxx 之類的。

打開 admin/globals.php 這個檔案，現在可能是 xxxx/globals.php 了

修改第 9 行程式碼：

define(‘TEMPLATE_PATH’, EMLOG_ROOT.’/admin/views/’);

把其中的 admin 改成你新改的名稱 xxxx:

define(‘TEMPLATE_PATH’, EMLOG_ROOT.’/xxxx/views/’);

第三步、刷新後台登入後在導航設定裡將「登入」隱藏，否則點擊會出現 404 錯誤多煩人啊～

解決一些後遺症：

改變後台路徑後，微語的表情圖片無法顯示，解決方法：

打開 include/lib/function.base.php，找到

你訪問的頁面不存在

Tue, 04 Apr 2017 10:37:13 +0000

做了一個萌萌噠的404 頁面

好吧，我是偷bilibili的。 http://52ecy.cn/404 （模板更換後就沒用這個了）

一個頁面導航頁哈

http://XX.com/ （關閉訪問了）