搭建所謂的個人博客,其實是瞎玩的,剛好有個域名,又剛好沒事幹,就弄個玩玩,之前其實用過wordpress,可是還得要服務器,作爲一個非專業的專業程序猿,還是用hexo吧,用github就可以,省錢。。。。
博客的搭建大概分爲以下幾個步驟:
① Node.js 的安裝和準備,我覺得用鏡像文件.msi安裝比較好,不用配置,用.zip安裝,我出現了npm配置問題,比較菜
② git的安裝和準備,以及github賬戶的配置
③ hexo的安裝
④ 選主題,配置域名,或者添加評論轉發功能啥的
⑤ 寫md文章,開始裝逼
安裝Git Bash
Git就使用Git Bash,弄個簡單的博客,沒必要linux,所以下載windows版本並安裝就可以了。
● 下載地址
● 安裝步驟:雙擊下載好的exe文件,一路next就好啦
● 安裝好後,打開gitbash,查看版本:
○ 命令:git version安裝NodeJs
Hexo是基於nodeJS環境的靜態博客,裏面的npm工具很有用啊,所以還是老老實實把這玩意兒裝了吧
● 下載地址
● 安裝步驟:反正下載好msi文件後,雙擊打開安裝,也是一路next,不過在Custom Setup這一步記得選 Add to PATH ,這樣你就不用自己去配置電腦上環境變量了,裝完在按 win + r 快捷鍵調出運行,然後輸入cmd確定,在cmd中輸入path可以看到你的node是否配置在裏面(環境變量),沒有的話你就自由發揮吧。
● 查看版本:
○ 命令:node -v安裝hexo
● 在自己認爲合適的地方創建一個文件夾,這裏我以E:/hexo 爲例子講解,首先在E盤目錄下創建Hexo文件夾,並在命令行的窗口進入到該目錄● 安裝hexo命令:npm i -g hexo
● 安裝完成後,查看版本:
● 執行初始化命令:hexo init ,初始化完成之後打開所在的文件夾可以看到以下文件:
● 再執行 npm install
● 解釋一下:
○ node_modules:是依賴包
○ public:存放的是生成的頁面
○ scaffolds:命令生成文章等的模板
○ source:用命令創建的各種文章
○ themes:主題
○ _config.yml:整個博客的配置
○ db.json:source解析所得到的
○ package.json:項目所需模塊項目的配置信息連接github
● 新建賬號,建一個名字爲*。github.io的倉庫,和本地git關聯起來,哦了配置
● 用編輯器打開你的blog項目,修改_config.yml文件的一些配置(冒號之後都是有一個半角空格的):
deploy:
type: git
repo: https://github.com/YourgithubName/YourgithubName.github.io.git
branch: master● 回到gitbash中,進入你的blog目錄,分別執行以下命令:
hexo clean
hexo generate(hexo g)
hexo server(hexo s也可以)注:hexo 3.0把服務器獨立成個別模塊,需要單獨安裝:npm i hexo-server。
● 打開瀏覽器輸入:http://localhost:4000,就可以看到hexo博客首頁了上傳到github
● 先安裝一波:npm install hexo-deployer-git –save(這樣才能將你寫好的文章部署到github服務器上並讓別人瀏覽到)
● 執行命令(建議每次都按照如下步驟部署):
hexo clean
hexo generate
hexo deploy● 在瀏覽器中輸入http://yourgithubname.github.io就可以看到你的個人博客啦
綁定個人域名
● 不想綁定的自行忽略
● 在項目的source文件夾下新建一個名爲CNAME(沒有後綴名)的文件,在裏面添加你購買的域名www.xxx.com
● 解析域名,如下● 接着再次部署一下,用你購買的域名打開,就可以看到你的博客啦
修改及配置主題
● hexo初始化之後默認的主題是landscape , 然後你可以去這個地址裏面找到你想要的主題。在github中搜索你要的主題名稱,裏面都會有該主題的如何使用的介紹,按着來就好了,反正就是改改改● 跟該主題相關的配置在themes/hueman/_config.yml裏面,然後根據你的需要在這配配配就行了。
寫文章發佈
使用CSDN網上面提供的MarkDown編輯器 http://write.blog.csdn.net/mdeditor ,寫好文章後,找到菜單欄的“導出到本地”選項以md格式導出到本地,然後copy該md文件,粘貼到你當初建的博客站點文件夾下的source\ _posts目錄下,一個md文件對應一篇博客文章。
接着在你博客站點文件夾下右鍵空白處,選擇Git Bash Here,輸入:hexo generate,回車,生成靜態頁面,
再輸入:hexo server,回車,到localhost:4000預覽博客效果,
最後輸入:hexo deploy,回車,同步到github上去就行了。參考:這哥們寫的很好,我都是照着做的,傻瓜式
https://www.cnblogs.com/visugar/p/6821777.html