博客搭建

前言

項目源碼託管於GitHub，每GitHub倉庫都有pages服務，簡單設置以項目index.html爲入口展現項目。

方式

Hexo + GitHub Pages

• Hexo 文檔 快速、簡潔且高效博客框架。基於Node.js。Hexo用Markdown（或其它渲染引擎）解析文章，幾秒內可用靚麗主題生成靜態網頁。
• GitHub Pages 爲我的和項目提供網站。展現HTML（有服務器可上傳本身服務器）

準備

• 裝Node.js並驗成功與否

  

• 裝Git並驗成功與否

  

步驟

GitHub

1. 新用戶註冊，新建名爲帳戶名.github.io倉庫

   

2. 右上角點Settings。Source選master branch並Save，Theme Chooser點Choose a theme選主題

   

3. 步驟2後點步驟2中頁面連接

   

Hexo

1. 建文件夾Blog

   

2. cmd命令行進文件夾Blog

   

3. 裝Hexo（npm install hexo -g或npm install -g hexo-cli）

   

4. 顯Hexo版本（hexo version或hexo -v）

   

5. hexo init初始化文件夾Blog

   

6. 步驟5圖顯Start blogging with Hexo !，npm install裝所需組件

   

7. 生成靜態文件（hexo generate或hexo g）

   

8. 啓服務器（hexo server或hexo s）。默認網址http://localhost:4000/

   

   

9. git clone https://github.com/iissnan/hexo-theme-next themes/next

   

10. E:\Blog下_config.yml，找到theme字段，改值爲next並保存

    

11. hexo clean清除緩存文件（db.json）和已生成靜態文件（public）。某些狀況（尤爲換主題）對站點更改不管如何不生效，可能需運行該命令

    

12. 生成靜態文件（hexo generate或hexo g）

    

    

13. 啓服務器（hexo server或hexo s）。默認網址http://localhost:4000/

    

14. 刷連接

    

15. E:\Blog\themes\next下_config.yml，找到sheme字段，改值爲Pisces並保存

    

16. 同步驟十一、十二、1三、14

    

綁定GitHub

改E:\Blog下_config.yml，圖中爲repository而非repo

或

建立/提交

1. hexo new post 「博客搭建」於E:\Blog\source_posts下建立博客

   

2. npm install hexo-deployer-git --save裝擴展

   

3. Hexo生成完畢後自動部署網站（hexo generate --deploy或hexo g -d、hexo deploy --generate或hexo d-g）

   

   

4. 刷新

   

   

綁定域名

1. 阿里雲萬網註冊域名
2. 右上角點解析

   

3. 添解析 參考

   

   官方給IP

   

   官方回覆

   

4. cd.>CNAME於E:\Blog\source建名爲CNAME文件且無後綴名，不可記事本（後綴名.txt）

   

5. 提交（hexo generate --deploy或hexo g -d、hexo deploy --generate或hexo d-g）
6. 啓服務器（hexo server或hexo s）
7. 上述操做後等一段時間（解析生效時間）刷新

   

問題

緣由

分析

• 用國內域名致使
• 經過國內註冊商註冊國際域名並使用致使
• 無實名認證致使

依據

解決

實名認證。實名認證事後一段時間仍出上述問題則從新過戶並實名認證，通信地址（中文）一欄填身份證顯示住址。

其它

不足

國內訪GitHub速度較慢且GitHub不被百度收錄，不利於SEO。買一虛擬主機，代碼放虛擬主機便可。

附

文件結構

.
├── .deploy #需部署的文件
├── node_modules #Hexo插件
├── public #生成的靜態網頁文件
├── scaffolds #模板
├── source #博客正文和其它源文件，40四、favicon、CNAME都應放這裏
| ├── _drafts #草稿
| └── _posts #文章
├── themes #主題
├── _config.yml #全局配置文件
└── package.json
複製代碼

命令

經常使用

hexo help # 查看幫助
hexo init # 初始化目錄
hexo new "postName" # 新建文章
hexo new page "pageName" # 新建頁面
hexo generate # 生成網頁，可在public目錄查看整個網站文件
hexo server # 本地預覽，Ctrl+C關閉
hexo deploy # 部署.deploy目錄
hexo clean # 清除緩存，強烈建議每執行命令前先清理緩存，每部署前先刪除.deploy文件夾
複製代碼

簡寫

hexo n = hexo new
hexo g = hexo generate
hexo s = hexo server
hexo d = hexo deploy
複製代碼