hexo+gitee
目錄
Hexo安裝
安裝Nodejs
下載地址按操做系統選擇，選擇帶LTS長期支持的版本，點擊一步安裝便可html
安裝Git
下載地址選擇windows版本，linux系統使用yum安裝node
安裝Hexo
按下win+r,輸入cmd，linux
# 建立blog目錄 mkdir blog && cd blog # 檢查npm nodejs #npm是nodejs的下載工具，國內網速慢，建議使用cnpm npm -v #6.13.4 node -v #v12.14.0 #安裝並使用cnmp以提升速度 npm install -g cnpm --registry=https://registry.npm.taobao.org #安裝hexo cnpm install -g hexo-cli #驗證hexo hexo -v #如下爲返回值，說明成功安裝hexo #hexo: 4.2.0 #hexo-cli: 3.1.0 #os: Windows_NT 10.0.17763 win32 x64 #node: 12.14.0 #v8: 7.7.299.13-node.16 #uv: 1.33.1 #zlib: 1.2.11 #brotli: 1.0.7 #ares: 1.15.0 #modules: 72 #nghttp2: 1.39.2 #napi: 5 #llhttp: 1.1.4 #http_parser: 2.8.0 #openssl: 1.1.1d #cldr: 35.1 #icu: 64.2 #tz: 2019c #unicode: 12.1 #初始化blog hexo init
基本命令與文件目錄
hexo clean #清理緩存文件 hexo g #生成文件 hexo s #運行本地服務器 hexo d #上傳到服務器 hexo new "name" #新建文章 hexo new page "pagename" #新建頁面 hexo help #查看幫助 hexo version #查看版本信息 hexo deploy -g #生成加部署 hexo server -g #生成加預覽 hexo n = hexo new hexo g = hexo generate hexo s = hexo server hexo d = hexo deploy hexo clean && hexo generate && hexo deploy
<DIR> .deploy_git
31,108 db.json
<DIR> node_modules #爲Hexo的插件目錄，利用插件生成靜態HTML文件
160,185 package-lock.json
726 package.json
<DIR> public
<DIR> scaffolds #模板文件。能夠添加模板使用
<DIR> source #存放.md文件和圖片資源
<DIR> themes #存放主題目錄
2,720 _config.yml #全局配置文件
啓動Hexo，並在瀏覽器中打開git
提示：在要已經建立好的blog目錄下啓動github
#啓動服務 hexo s #使用powershell，打印輸出 #注意，使用徹底powershell要退出，不然後面執行命令可能會出現錯誤，這裏僅僅是爲了顯示web信息 curl http://localhost:4000 #StatusCode : 200 #StatusDescription : OK #Content : <!DOCTYPE html><html lang="zh_CN"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">... #...
發佈到Gitee
Gitee配置信息
建立Gitee我的用戶，進入我的主頁，在頭像左側，鼠標移動到加號上，顯示出新建倉庫，點擊web
#倉庫名稱 blog #路徑，注意：路徑必須與你的用戶名稱相同，不然會建立博客失敗 your_Gitee_name #是否開源 公開 #點擊建立
配置SSH公鑰
也能夠經過用戶名和密碼，爲減小每次提交都要手動輸入，建議使用密鑰shell
在blog目錄下，鼠標右鍵 Git Bash Here，等待一個小黑窗口的出現npm
生成和添加公鑰 ，查看公鑰配置幫助信息json
參考上以連接進行配置,如下是我的配置vim
# 生成密鑰對 ssh-keygen -t rsa -C "gaoanyu@gitee.com" # 查看公鑰 ，需將路徑修改成實際路徑 cat ~/.ssh/id_rsa.pub
點擊進入SSH公鑰配置，打開配置界面，將公鑰內容
#測試鏈接 ssh -T git@gitee.com #返回結果 Hi xxxx! You've successfully authenticated, but GITEE.COM does not provide shell access.
安裝deploy
#安裝推送插件 npm install hexo-deployer-git --save
配置文件
#配置blog目錄下的_config.yml文件 #注意格式 #type:空格git # Deployment ## Docs: https://hexo.io/docs/deployment.html deploy: type: git repo: git@gitee.com:gaoanyu/gaoanyu.git branch: master
提交md文件
編寫markdown格式的文件，並複製到source/_posts目錄下
注意:是純文本文件
#初次提交執行命令 hexo deploy #後續更新執行命令 hexo generate --deploy #出現如下信息，表示提交成功 #Enumerating objects: 31, done. #Counting objects: 100% (31/31), done. #Delta compression using up to 4 threads #Compressing objects: 100% (12/12), done. #Writing objects: 100% (17/17), 6.42 KiB | 1.07 MiB/s, done. #Total 17 (delta 6), reused 0 (delta 0) #remote: Powered by GITEE.COM [GNK-3.8] #To gitee.com:your_Gitee_name/your_Gitee_name.git # 3162911..73c8374 HEAD -> master
配置Gitee Pages
進入建立好的配置倉庫中，打開服務，點擊會出Gitee Pages,JavaDoc，PHPDoc等，表示上一步提交的信息，已被gitee.com成功接收了。點擊Gitee Pages,選擇強制使用https，點擊下方更新，點擊肯定
在瀏覽器中輸入 https://your_Gitee_name.gitee.com 就會看到寫好的博客
其餘配置
配置主題
# 安裝主題
git clone -b master https://github.com/Molunerfinn/hexo-theme-melody themes/melody
#修改blog目錄下的_config.yml文件
vim _config.yml
theme: melody
# 安裝頁面渲染插件
npm install hexo-renderer-jade hexo-renderer-stylus --save
# 複製主題配置文件
mkdir -p source/_data/
cp themes/melody/_config.yml source/_data/melody.yml
#修改主題配置文件
local_search:
enable: true
labels:
trigger: auto
top_n_per_article: 1
本地圖片調用
在source下新建目錄img, 在進行調用時候經過url絕對路徑本地調用
#查看目錄信息 dir source\img 15:56 1,184,411 shz.png #查看調用圖片詳情  #查看本地調用圖片源碼信息 <p><img src="/img/shz.png" alt=""></p> #查看gitee.com調用圖片信息 https://gaoanyu.gitee.io/img/shz.png
安裝站點地圖插件
#安裝站點地圖插件 cnpm install hexo-generator-sitemap #修改_config.yml文件 #Plugins: Plugins: - hexo-generator-sitemap # Search search: path: sitemap.xml field: post format: html limit: 10000
feed插件
Rss的生成插件，能夠在配置顯示站點的RSS，文件路徑\atom.xml
#安裝 cnpm install hexo-generator-feed #修改配置 #Plugins: Plugins: - hexo-generator-sitemap - hexo-generator-feed #Feed Atom feed: type: atom path: atom.xml limit: 20
wordcount問題
在文件夾themes\melody中找到_config.yml文件
# 設置爲true # Please see doc for more details: https://molunerfinn.com/hexo-theme-melody-doc/#/additional-package-support?id=word-counting wordcount: enable: true
配置搜索功能
搜索插件是基於站點地圖的xml文件
在文件夾themes\melody中找到_config.yml文件
#安裝搜索插件 cnpm install hexo-generator-searchdb --save cnpm install hexo-generator-search --save #主題配置文件搜索項,設置爲true # Local search # Please see doc for more details: https://molunerfinn.com/hexo-theme-melody-doc/#/third-party-support?id=local-search # --------------- local_search: enable: true
每日一句
-
每一个你不满意的现在，都有一个你没有努力的曾经。
歡迎關注本站公眾號,獲取更多信息
