柚子快報激活碼778899分享:hexo+github建站筆記
柚子快報激活碼778899分享:hexo+github建站筆記
1.前言
在ubuntu上利用hexo+github建站網(wǎng)上有很多博文,但是由于時效原因,24年1月2日配置的時候遇到一些問題。遂本文對于細(xì)節(jié)不提而用步驟帶過,主要匯總一下利用hexo中文官網(wǎng)文檔安裝遇到的問題,需要有一丟丟linux基礎(chǔ)。
2.開胃菜
安裝 Hexo 相當(dāng)簡單,只需要先安裝下列應(yīng)用程序即可:
Node.js (Node.js 版本需不低于 10.13,建議使用 Node.js 12.0 及以上版本)Git
2.1安裝git
sudo apt install git
2.2安裝node.js
摘自 NodeSource
Download and import the Nodesource GPG key
sudo apt-get update
sudo apt-get install -y ca-certificates curl gnupg
sudo mkdir -p /etc/apt/keyrings
curl -fsSL https://deb.nodesource.com/gpgkey/nodesource-repo.gpg.key | sudo gpg --dearmor -o /etc/apt/keyrings/nodesource.gpg
Create deb repository
NODE_MAJOR=20
echo "deb [signed-by=/etc/apt/keyrings/nodesource.gpg] https://deb.nodesource.com/node_$NODE_MAJOR.x nodistro main" | sudo tee /etc/apt/sources.list.d/nodesource.list
Optional: NODE_MAJOR can be changed depending on the version you need.
(可選項):選擇node.js版本
NODE_MAJOR=16
NODE_MAJOR=18
NODE_MAJOR=20
NODE_MAJOR=21
Run Update and Install
sudo apt-get update
sudo apt-get install nodejs -y
3.正餐
3.1安裝hexo
npm install -g hexo-cli
3.2初始化
hexo init
cd
npm install
hexo g # 生成靜態(tài)文件,即public文件夾
此刻,在指定文件夾下生成了網(wǎng)站目錄如下,對各目錄的解釋見hexo文檔 . 建站和Hexo搭建個人博客——系列教程。
.
├── _config.yml
├── package.json
├── scaffolds
├── source
| ├── _drafts
| └── _posts
└── themes
3.3本地驗證
運(yùn)行下面代碼后,命令行中提示的網(wǎng)址,在本地查看網(wǎng)站
hexo server # 或者 hexo s
4.github部署
4.1github端
建立名為 <你的 GitHub 用戶名>.github.io 的儲存庫參考我的Git基本操作筆記第三節(jié)1~4點(diǎn),gitee改成github參考http://t.csdnimg.cn/X3vjf ,獲得person access token
github右上角頭像 - > settings左側(cè)菜單欄,滑到最下面,選擇Developer settings左側(cè)菜單欄,選擇personal access tokens -> tokens(classic) -> Generate new token -> Generate new token(classic)expiration可選無限(no expiration)下面的方框全選點(diǎn)generate token保存好生成的token,據(jù)說以后查不到了
4.2本地端
安裝 hexo-deployer-git如下,
npm install hexo-deployer-git --save
在 _config.yml 中添加以下配置(如果配置已經(jīng)存在,請將其替換為如下):
deploy:
type: git
repo: # 復(fù)制倉庫的ssh
# 如我的是,git@github.com:Hezexian/hezexian.github.io.git
branch: gh-pages
執(zhí)行 hexo clean && hexo deploy
這一步會讓你輸入github名字密碼,其中密碼是4.1節(jié)生成的token執(zhí)行完這一步,hexo文檔被同步至github 瀏覽<你的 GitHub 用戶名>.github.io
第三步執(zhí)行完需要等一會兒網(wǎng)站才能打開,別心急 ?
5.更新文章
法1:
將xxx.md文件添加進(jìn)source/_posts中
注意md文件寫標(biāo)頭,參考:寫作,F(xiàn)ront-matter
---
title: hexo+github建站筆記
date: 2024/1/2 19:29
categories:
- 啥都會一點(diǎn)
tags:
- hexo
- 博客
---
接著在hexo目錄中
# 清除緩存
hexo clean
# 生成public,靜態(tài)網(wǎng)頁
hexo g
# 推送 github
hexo d
法2:
# 三種布局 post、page 和 draft
hexo new [layout]
問題
1.butterfly主題分類、歸檔404
按照官方文檔的說法:
前往你的 Hexo 博客的根目錄輸入 hexo new page categories你會找到 source/categories/index.md 這個文件修改這個文件:記得添加 type: "categories", 如下。---
title: 分類
date: 2018-01-05 00:00:00
type: "categories"
---
還是不行,原來是包沒有安裝: npm list對比
├── hexo-deployer-git@3.0.0
├── hexo-generator-archive@2.0.0
├── hexo-generator-category@2.0.0
├── hexo-generator-index@3.0.0
├── hexo-generator-tag@2.0.0
├── hexo-math@4.0.0
├── hexo-renderer-ejs@2.0.0
├── hexo-renderer-marked@6.0.0
├── hexo-renderer-pug@3.0.0
├── hexo-renderer-stylus@2.1.0
├── hexo-server@3.0.0
├── hexo-theme-landscape@0.0.3
└── hexo@6.3.0
安裝:
npm install hexo-generator-category --save
npm install hexo-generator-archive --save
2.hexo的butterfly、next主題下,代碼塊縮進(jìn)特別大
對比發(fā)現(xiàn),當(dāng)縮進(jìn)為一個tab時才會出現(xiàn)問題。當(dāng)縮進(jìn)為4個空格時,則表現(xiàn)正常。
原因
hexo的next主題(v 8.5)編譯之后代碼塊縮進(jìn)特別大,怎么調(diào)整? - Mr.J的回答 - 知乎
文中說,
可能原因,你縮進(jìn)使用了tab,在HTML下,默認(rèn)等于8個空格,建議修改為空格縮進(jìn),或者修改tab-size屬性
把vscode的縮進(jìn)改成空格就好了。
可是,我的文章已經(jīng)寫了上萬字,逐個修改顯然不可能實現(xiàn)。
解決辦法
hexo根目錄/_config.yml第50行(若沒改過的話),tab_replace改為四個空格,如下:
highlight:
line_number: true
auto_detect: false
tab_replace: ' '
wrap: true
hljs: false
問題解決。
柚子快報激活碼778899分享:hexo+github建站筆記
文章來源
本文內(nèi)容根據(jù)網(wǎng)絡(luò)資料整理,出于傳遞更多信息之目的,不代表金鑰匙跨境贊同其觀點(diǎn)和立場。
轉(zhuǎn)載請注明,如有侵權(quán),聯(lián)系刪除。