零基礎搭建博客系列：入門

文章目錄

• 其他搭建
• 1.簡介
• 2.安裝Node和Git
• 3.安裝Hexo
• 4.Hexo的目錄結構
• 5.我的版本

其他搭建

不好意思，我剛搬來博客園，搬過來的博文都不是markdown語法，現在我重新使用markdown放上去

搭建一個博客不難，但是網上資料好多坑，可能我有些會寫錯，請在評論指出，但是有經過測驗的，
我用的版本是 hexo4.0 + NexT7.6版本，
我的個人博客

有阿里云服務器就可以部署上去，沒有也可以用github來存放，在github上是免費的，但是訪問速度比較慢，

有何不懂的盡管騷擾我，我可以接到通知，讓問題可以盡快解決

1.簡介

網上有很多hexo+nexT7的教程，很多因為現在版本問題，有些配置完會出錯或者不生效，搭建這個博客用了我4天的時間，加上美化，
期間使用nexT5.0和hexo4.0導致訪問路徑有點問題，出現 http://localhost:4000/archives/20%/ 我不明白咋回事，所以刪了兩次本地博客，結果發現是版本問題，

首先在前面說清楚，每做完一步就給我使用三條指令本地測驗（下面會說）一下，別傻傻的等著搞完一半甚至全部做完才來測驗，要是出錯那可是很致命的，最壞的結果當然是重做，如果每次都有測驗要是出現bug就可以根據哪步來排除問題，

而且我后期是使用阿里云服務器來搞的，別的服務器沒碰過，但大致是一樣的，后面有想搞域名的現在就可以先去搞域名，比如阿里云的萬網（我是在這個搞的），騰訊云、百度云等都可以，并且先去備案，當然不備也可以，CDN加速都需要備案才可以申請，先把案備了以后也好辦事，

2.安裝Node和Git

使用hexo需要安裝兩個前置工具: Node 和 Git，

Node直接默認安裝就行，點擊下載 Node，安裝完不用理，

Git也是直接下載，點擊下載 Git，一直默認安裝完需要如下操作：

• 如果沒有GitHub賬號的，自己去注冊，有賬號的，直接創建一個新的倉庫，名為 yourgithubname.github.io，其中yourgithubname是你的github名稱，必須操作，

比如我的：/ 前面是我的用戶名，后面就是用我的用戶名，

• 配置Git的SSH Key，第一次使用Git Bash使用一些配置：
  • 你的github用戶名，非昵稱，并填寫你的github注冊郵箱

git config --global user.name "name"
git config --global user.email  "[email protected]"

• 配置SSH，可以自己登錄，每次部署就不用登錄

ssh-keygen -t rsa -C "郵件地址"

• 然后連續3次回車，最侄訓生成一個檔案在用戶目錄下，打開C盤下的用戶目錄下你的用戶名繼續打開，找到.ssh\id_rsa.pub檔案（像我的 C:\Users\chast.ssh），記事本打開并復制里面的內容，打開你的github主頁，右上角點你的小頭像進入Settings -> SSH and GPG keys -> New SSH key：Title隨便命名，把復制的內容粘貼到Key中，
  

3.安裝Hexo

• 然后點開剛剛安裝的git，在 Window開始界面會出現一個 Git Bash，點擊它，然后在一個磁盤上面創建一個目錄，隨便名，再使用Git Bash定位到目錄中
  
• 然后安裝Hexo: 默認安裝為4.0版本，

npm install -g hexo

• 初始化Hexo，

hexo init

• 初始化就如下面這樣，
  

• 以后在本地啟動博客就使用下面三條指令，用于測驗，

hexo clean // 清除快取
hexo g  // 生成靜態頁面
hexo s // 啟動本地專案

• 然后就可以在瀏覽器上訪問 localhost:4000 來看到最初的博客，如果看到說明成功了，

• 然后部署博客到git上,先在站點目錄下的_config.yml檔案最后一行配置，

deploy:
  type: git
  repository: https://github.com/yourgitname/yourgitname.github.io.git
  branch: master

• 再安裝推送插件

 npm install hexo-deployer-git --save

• 然后使用下面三條命令，

hexo clean // 清除快取
hexo g  // 生成靜態頁面
hexo d // 部署

4.Hexo的目錄結構

• 如果想自定義修改站點主題的內容在：站點目錄\themes\next\layout中修改，根據檔案名，
• 如果想自己添加css樣式，在主題組態檔中把下圖的注釋去掉，然后去對應的目錄創建該檔案，然后就在里面添加css樣式，
  

5.我的版本

如何查看我的版本，在站點根目錄下(hexo初始化的地方)有一個 packge.json ，里面就可以看到使用hexo初始化的結果，

主要注意跟我的hexo和等下要裝的主題nexT是否一致，最好一致，可以在初始化后拿我下面的代碼去覆寫原代碼，然后使用 npm install ，會根據json中的代碼重新安裝一樣的版本，不過建議別copy我的去安裝，不知道會報什么錯，還是一步一步來，版本的一致用于后面的美化主題是否能生效有關系，

注意：未來應該不會更新，現在主要用的版本是 hexo4.0 和 next7.x，注意看版本

{
  "name": "hexo-site",
  "version": "0.0.0",
  "private": true,
  "scripts": {
    "build": "hexo generate",
    "clean": "hexo clean",
    "deploy": "hexo deploy",
    "server": "hexo server"
  },
  "hexo": {
    "version": "4.0.0"
  },
  "dependencies": {
    "gulp": "^4.0.2",
    "gulp-clean": "^0.4.0",
    "gulp-htmlclean": "^2.7.22",
    "gulp-htmlmin": "^5.0.1",
    "gulp-imagemin": "^6.2.0",
    "gulp-minify-css": "^1.2.4",
    "gulp-uglify": "^3.0.2",
    "hexo": "^4.0.0",
    "hexo-abbrlink": "^2.0.5",
    "hexo-asset-image": "^1.0.0",
    "hexo-autonofollow": "^1.0.1",
    "hexo-baidu-url-submit": "0.0.6",
    "hexo-deployer-git": "^2.1.0",
    "hexo-generator-archive": "^1.0.0",
    "hexo-generator-baidu-sitemap": "^0.1.6",
    "hexo-generator-category": "^1.0.0",
    "hexo-generator-feed": "^2.2.0",
    "hexo-generator-index": "^1.0.0",
    "hexo-generator-search": "^2.4.0",
    "hexo-generator-searchdb": "^1.2.0",
    "hexo-generator-sitemap": "^2.0.0",
    "hexo-generator-tag": "^1.0.0",
    "hexo-neat": "^1.0.4",
    "hexo-renderer-ejs": "^1.0.0",
    "hexo-renderer-marked": "^2.0.0",
    "hexo-renderer-stylus": "^1.1.0",
    "hexo-server": "^1.0.0",
    "hexo-symbols-count-time": "^0.7.0",
    "hexo-wordcount": "^6.0.1"
  },
  "devDependencies": {}
}

喜歡的記得點個贊
還有后續搭建博客：
hexo4-NexT7搭建博客(二)更換主題

標籤：其他

上一篇：服務器部署網站后，公網ip可以訪問，域名不能訪問問題（穩）

下一篇：快速搭建博客：主題更換