|
經過各種找資料，踩過各種坑，終于搭建好了hexo，域名是在萬維網上買的，我的hexo是3.1.1版本，hexo不同的版本，很多配置都不一樣。好吧，廢話不多說了，開始吧。 正文： hexo是一款基于Node.js的靜態(tài)博客框架,hexo github鏈接,這篇教程是針對與Mac的，參考鏈接，由于原文講到的hexo是以前的老版本，所以現(xiàn)在的版本配置的時候會有些改動。 之前是想著寫博客，一方面是給自己做筆記，可以提升自己的寫作、總結能力，一個技術點我們會使用，并不難，但是要做到讓讓別人也能聽懂我們講得，還是需要一定的技巧和經驗的。很多類似于CSDN、博客園也都可以寫文章，但是頁面的樣式我，不是太喜歡，簡書還算好點得。最近看到一些大神們的博客,貌似都是用hexo寫得,我也依葫蘆畫瓢的搭建了一個。不羅嗦了，直接上搭建步驟。 配置環(huán)境安裝Node（必須） 作用：用來生成靜態(tài)頁面的 到Node.js官網下載相應平臺的最新版本，一路安裝即可。 安裝Git（必須） 作用：把本地的hexo內容提交到github上去. 安裝Xcode就自帶有Git，我就不多說了。 申請GitHub（必須） 作用：是用來做博客的遠程創(chuàng)庫、域名、服務器之類的，怎么與本地hexo建立連接等下講。 github賬號我也不再啰嗦了,沒有的話直接申請就行了，跟一般的注冊賬號差不多，SSH Keys，看你自己了，可以不配制，不配置的話以后每次對自己的博客有改動提交的時候就要手動輸入賬號密碼，配置了就不需要了，怎么配置我就不多說了，網上有很多教程。 正式安裝HexoNode和Git都安裝好后,首先創(chuàng)建一個文件夾,如blog,用戶存放hexo的配置文件,然后進入blog里安裝Hexo。 執(zhí)行如下命令安裝Hexo： sudo npm install-g hexo 初始化然后，執(zhí)行init命令初始化hexo,命令： hexo init 好啦，至此，全部安裝工作已經完成！blog就是你的博客根目錄，所有的操作都在里面進行。 生成靜態(tài)頁面 hexo generate（hexo g也可以） 本地啟動 啟動本地服務，進行文章預覽調試，命令： hexo server 瀏覽器輸入http://localhost:4000 我不知道你們能不能，反正我不能，因為我還有環(huán)境沒配置好 配置Github建立Repository 建立與你用戶名對應的倉庫，倉庫名必須為【your_user_name.】，固定寫法 然后建立關聯(lián)，我的blog在本地/Users/leopard/blog，blog是我之前建的東西也全在這里面，有： _config.yml node_modules public source db.json package.json scaffolds themes 現(xiàn)在我們需要_config.yml文件，來建立關聯(lián)，命令： vim _config.yml 翻到最下面，改成我這樣子的 deploy: type: git repo:https://github.com/leopardpan/leopardpan..git branch:master 然后執(zhí)行命令： npm install hexo-deployer-git --save 網上會有很多說法，有的type是github, 還有repository最后面的后綴也不一樣，是github.com.git，我也踩了很多坑，我現(xiàn)在的版本是hexo: 3.1.1，執(zhí)行命令hexo -vsersion就出來了,貌似3.0后全部改成我上面這種格式了。 忘了說了，我沒用SSH Keys如果你用了SSH Keys的話直接在github里復制SSH的就行了，總共就兩種協(xié)議，相信你懂的。 然后，執(zhí)行配置命令： hexo deploy 然后再瀏覽器中輸入http://leopardpan./就行了，我的github的賬戶叫l(wèi)eopardpan,把這個改成你github的賬戶名就行了 部署步驟 每次部署的步驟，可按以下三步來進行。 hexo clean hexo generate hexo deploy 一些常用命令： hexo new"postName" #新建文章 hexo new page"pageName" #新建頁面 hexo generate #生成靜態(tài)頁面至public目錄 hexo server #開啟預覽訪問端口（默認端口4000，'ctrl + c'關閉server） hexo deploy #將.deploy目錄部署到GitHub hexo help # 查看幫助 hexo version #查看Hexo的版本 報錯總結ERROR Deployer not found: git 或者 ERROR Deployer not found: github 解決方法： npm install hexo-deployer-git --save 如發(fā)生報錯： ERROR Process failed: layout/.DS_Store , 那么進入主題里面layout和_partial目錄下，使用刪除命令： rm-rf.DS_Store ERROR Plugin load failed: hexo-server 原因： Besides,utilities are separated into a standalone module.hexo.util is not reachable anymore. 解決方法，執(zhí)行命令： sudo npm install hexo-server 執(zhí)行命令hexo server，提示：Usage: hexo .... 原因： 我認為是沒有生成本地服務 解決方法，執(zhí)行命令： npm install hexo-server--save 提示：hexo-server@0.1.2 node_modules/hexo-server .... 表示成功了參考 這個時候再執(zhí)行： hexo-server 得到: INFOHexois running at http://0.0.0.0:4000/.PressCtrl+C to stop. 這個時候再點擊http://0.0.0.0:4000，正常情況下應該是最原始的畫面，但是我看到的是： 白板和Cannot GET / 幾個字 原因： 由于2.6以后就更新了，我們需要手動配置些東西，我們需要輸入下面三行命令： npm install hexo-renderer-ejs--save npm install hexo-renderer-stylus--save npm install hexo-renderer-marked--save 這個時候再重新生成靜態(tài)文件，命令： hexo generate（或hexo g） 啟動本地服務器： hexo server（或hexo s） 再，點擊網址http://0.0.0.0:4000OK終于可以看到屬于你自己的blog啦，??，雖然很簡陋，但好歹有了一個屬于自己的小窩了。參考鏈接，本地已經簡單的設置好了，但是現(xiàn)在域名和服務器都是基于自己的電腦，接下來需要跟github進行關聯(lián)。 主題推薦這里有大量的主題列表使用方法里面 都有詳細的介紹，我就不多說了。 我這里有幾款個人認為不錯的主題，免去你們，一個一個的選了，歡迎吐槽我的審美，?? Cover- A chic theme with facebook-like cover photo Oishi- A white theme based on Landscape plus and Writing. Sidebar- Another theme based on Light with a simple sidebar TKL- A responsive design theme for Hexo. 一個設計優(yōu)雅的響應式主題 Tinnypp- A clean, simple theme based on Tinny Writing- A small and simple hexo theme based on Light Yilia- Responsive and simple style 優(yōu)雅簡潔響應式主題，我用得就是這個。 Pacman voidy- A theme with dynamic tagcloud and dynamic snow 一些基本路徑 文章在source/_posts, 文章支持Markdown語法，可以使用一些MarkDown渲染工具。如果想修改頭像可以直接在主題的_config.yml文件里面修改，友情鏈接，之類的都在這里。開始打理你的博客吧，有什么問題或者建議，都可以提出來，我會繼續(xù)完善的。 修改頭像我當前的路徑/Users/leopard/blog/themes/yilia，ls 你可以看到 Gruntfile.js _config.yml package.json README.md layout source vim _config.yml 進去，找到 #你的頭像url avatar: 后接一個URL就行了，頭像就修改成功了 修改主題和作者名字 我當前的路徑/Users/leopard/blog，ls 你可以看到 _config.yml node_modules public source themes db.json package.json scaffolds ssh-keygen vim _config.yml 進去，找到 author: 潘柏信，修改成你自己的名字就行了 修改主題，然后繼續(xù)往下找到 # Extensions ## Plugins: http:///plugins/ ## Themes: http:///themes/ theme:yilia 改成theme: yilia，theme:后面接你自己的主題名字就行了,然后分別執(zhí)行 部署 hexo g 提交 hexo d 你的主題，和名字就修改成功了 Markdown語法參考鏈接 轉載請注明原地址，潘柏信的博客：http://leopardpan.謝謝！ 想修改下文章格式，發(fā)現(xiàn)簡書上只有新發(fā)表的文章才能使用MarkDown語法，大家有什么好的建議沒，求推薦。 |
|
|
