Hexo のインストール#
conda activate node
npm i hexo-cli -g
hexo -v
hexo init
npm install
hexo-deployer-git の設定#
npm install hexo-deployer-git --saveecho hexo.limour.top > source/CNAME<github usrname>.github.ioのリポジトリを作成するgh-pagesブランチを新しく作成するsettings/pagesの設定を以下のように変更する
- GitHub ファイルの高速化
- hexo-deployer-gitの指示に従ってtokenを取得する
_config.ymlを編集し、以下の内容を追加する
deploy:
type: git
repo: https://oauth2:[email protected]/xxx/https://github.com/limour-blog/limour-blog.github.io.git
branch: gh-pages
token: ghp_xxxxx
name: [email protected] # GitHubの登録メールアドレス
email: [email protected] # GitHubの登録メールアドレス
butterfly テーマの設定#
npm install hexo-theme-butterfly --save
npm install hexo-renderer-pug hexo-renderer-stylus --save
mkdir scripts && touch scripts/CDN.js
_config.ymlを編集し、以下の内容を変更する
theme: butterfly
- jsDelivr プロキシの構築
scripts/CDN.jsを編集し、以下の内容を追加する
'use strict';
const { filter } = hexo.extend;
// CDNの置換
filter.register('before_generate', () => {
const { asset } = hexo.theme.config;
for (const name in asset) {
asset[name] = asset[name]
.replace('//cdn.jsdelivr.net/', '//あなたのプロキシ/');
}
}, 99);
ウェブページの生成とデプロイ#
rm -rf .deploy_git && hexo c && hexo g && hexo d
国内プロキシの高速化#
ブログのバックアップ#
.gitignoreを編集し、_config.ymlを追加する
git init && git branch -m main
git remote add origin https://oauth2:[email protected]/xxx/https://github.com/limour-blog/limour-blog.github.io.git
git add . && git commit -m 'backup' && git push -u origin +main
デモアドレス#
追加: Waline を MongoDB に変更#
- MongoDB 公式サイトで無料の M0 データベースを作成し、地域をシンガポールに設定し、
0.0.0.0/0を許可する - Vercel上の Waline プロジェクトで、Settings/Functions から Region をシンガポールに変更する
- MongoDB 接続情報を記録し、以下のオプションを選択する
- 接続方法として Drivers を選択し、Driver は Node.js、Version は
2.2.12以降を選択する - Waline 管理画面に入り、データをエクスポートする
- Vercel で LEAN 関連の環境変数を削除し、説明に従って MongoDB の接続情報を追加する
- Vercel/Deployments で適切なブランチを選択し、隣の三点をクリックして Redeploy を選択する
- Waline 管理画面に入り、再登録後、データをインポートする
追加：外部リンクを内部リンクに変換#
npm i hexo-filter-links --save
_config.ymlに以下の設定を追加する
links:
enable: true
field: "post"
exclude:
- "limour.top"
- "*.limour.top" #バージョン1.0.4以降でサポート