我要换博客啦~Github+Hexo~Windows版本
最近出了一些事,想了想以后的路,發現我最想做的還是【Follow My Master】. 那就從換博客開始吧。計劃是兩到三周出至少一篇小研究結論。這一篇,就從在Github上搭一個博客開始吧。我的笨蛋Master話比較少,寫的攻略總是很簡略,有時候我都看不懂,還是用自己的語言再記錄一遍好了。CSDN新改的編輯器還能寫MarkDown嗎?
1. 什么是Hexo
Github不提,世界上最大的同性交友網站,程序員應該必知了吧。Github?。
那么什么是Hexo呢?用Master的話說,這是一個可以簡單搭一套博客的框架。至于為什么選Hexo,不知道,我沒研究過別的,只知道跟著他先學就好了。說不定以后玩的多了會去了解別的,目前,就先用這個吧。?Hexo官網
2. 起手預備工作
要用這個東西,有一些是前置準備工作。Master的電腦是Mac,我的是Windows,據說大同小異,按查的攻略來說,Mac比Windows還要簡單點。
· 先有兩個要安裝的:1. Node;2. Git。具體安裝攻略不講,這個隨便找個攻略傻瓜式下一步就可以解決。
如何判斷這兩個東西安裝完成?如果傻瓜安裝的話,對于Node,在命令行輸入node -v 和 npm -v 可以分別打印出版本號,對于Git,隨便在什么目錄點一下鼠標右鍵可以出現 Git Bash 和 Git GUI 菜單,或者命令行輸入 git --version 顯示版本號。
· 下一步要搞一個Hexo框架回來了。
Node安裝完成后,npm命令就可用了,不做更多設置,新手傻瓜操作,就直接使用。參照hexo官方文檔,這里要執行的是npm install -g hexo-cli ,但是沒有解釋這個-g的意思,我搜了一波,在npm install的官方文檔里,查到-g是--global的意思,全局安裝應該會直接配好環境變量吧。省事,照抄。然后出了個大事,Hexo的東西全部放在了C:\Users\Point\AppData\Roaming\npm\node_modules\hexo-cli 這個目錄底下。。。仔細看了看,發現npm命令安裝的都在這里,所以如果要更改目錄,可能需要更改npm的設置,新手起手,不看了,能用就行,彎路繞太多萬一回不來就不好了。
By the way,這個Hexo的官方文檔很萌啊,全部流程都寫了,在安裝git的提示里還寫了這樣一句“由于眾所周知的原因,從上面的鏈接下載git for windows最好掛上一個代理,否則下載速度十分緩慢。也可以參考這個頁面,收錄了存儲于百度云的下載地址。”哈哈哈哈哈眾所周知的原因~~~~
3. 開啟博客的框架搭建
搞事情啦,找個目錄,準備放你的工程。我建的目錄叫D:\PointGithub\HexoBlog,然后在cmd命令行里cd跳轉過去,輸入 hexo init 命令,開啟初始化步驟。這個命令完成后會提示“INFO? Start blogging with Hexo!”,然而沒完,還需要再執行一個?npm install?命令。這個命令執行完之后,目錄會有這些東西:①_config.yml文件存放網站的配置信息,②package.json文件存放項目信息,③scaffold目錄存放模板,④source目錄存放用戶資源,⑤themes目錄存放主題。
然后偷瞄一下.gitignore文件,我特好奇這種東西,這東西能大概看出來一個項目里什么是無關的玩意兒。官方文檔里還有寫一些會被自動忽略自動處理的文件,我不完全明白,用的時候再說,先復制過來:
資源文件夾是存放用戶資源的地方。除 _posts 文件夾之外,開頭命名為 _ (下劃線)的文件 / 文件夾和隱藏的文件將會被忽略。 Markdown 和 HTML 文件會被解析并放到 public 文件夾,而其他文件會被拷貝過去。OK以上指引在Hexo官方文檔里都有寫,所以不建議你們看 My Master的攻略,對好奇寶寶來說太特么難懂了。
順便吐槽一下新版CSDN的編輯器,惡心死了。。。所以本寶寶不玩了,搭好立馬轉。
4. Hexo,啟動!
還是在項目目錄下,輸入hexo server命令可以啟動到4000端口。我偷摸測了一下,在其他目錄跑這個命令跑不起來,所以這個命令應該是啟動當前目錄下的服務。以及按我的經驗……如果你有很多個用hexo搭的玩意兒,你可能需要改些端口免得沖突,這個改端口的命令是hexo server -p 端口號。不試了,先把這個玩起來。
5. 我們去Github吧!
其實啟動完成之后,正常操作是把頁面先改成自己的,但是我比較習慣準備工作做完再仔細研究高級玩法,好歹要先跑通不是,所以這一步,我先把這玩意放到github去,后面的更改慢慢再玩。
這一步,笨蛋Master兩句話帶過,所以我看他的博客的時候一直比較懵逼,本來github就是新手玩不熟,他還沒耐心寫,那我自己寫,哼。查一波攻略,然后步驟如下:
1. 先在github建一個repo,名字是你的github昵稱.github.io。
2. 把項目的public目錄變成一個git倉庫然后傳上去。常規操作不解釋。這里要注意一點是,一般的項目可以不配置SSH Key,直接用賬號密碼上傳,這玩意不行,必須配置。然后用My Master的話,這東西傳到git倉庫之后剩下的事hexo會自動做。這一步曾經失敗了無數次,找不到原因,最終使用重裝大法,重裝了本機的git,解決了問題。
3. 后面傳完看一眼你的github的repo setting里往下翻有個Github Pages,那里給了一個網址,如果沒有網址,看到下面這個報錯,是因為hexo里有個md的標簽github不認得。
“Your site is having problems building: The tag?fancybox?on line 77 in?themes/landscape/README.md?is not a recognized Liquid tag. For more information, see?https://help.github.com/articles/page-build-failed-unknown-tag-error/.”
坑爹的/themes/landscape/README.md文件77行有個玩意github認不出來。。。簡單粗暴的刪掉整個文件內容。。。
刪完之后網址就出現了,點進去,出現和本機部署以后一樣的頁面。
4.以后的更新。更改內容后,需要在本機執行一下 hexo d 命令和 hexo g 命令,進行部署和提交。我不記得這步在什么時候做了,反正想做的時候都可以重新做一次吧。
完成,以后會把博客搬到那邊去寫了。
總結
以上是生活随笔為你收集整理的我要换博客啦~Github+Hexo~Windows版本的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 《深入理解计算机系统》第三版 第三章家庭
- 下一篇: 好用的磁盘管理工具:DiskCatalo