hexo+github搭建我的博客

這是之前寫的文章 分享給你們html

廢話很少說,開始進入正題node

hexo官網:https://hexo.io/git

第一步   安裝必需要的工具 (必須安裝 node/git)  github

http://nodejs.cn/download/  nodejs 下載地址npm

https://git-scm.com/downloads  git 下載地址 segmentfault

https://github.com/    申請GitHub七牛雲存儲

因爲個人工具早就配置好了,就沒有按照官網上的去下載markdown

正式安裝hexo網絡

npm install hexo-cli -g   或者也能夠用淘寶鏡像cnpm hexo

在任意一個地方創建項目文件夾,個人是z-nl,進入,執行init命令初始化hexo,命令:

hexo init

npm install

hexo generate

hexo server

這樣就能夠開啓本地blog  ,自動生成的地址是http://localhost:4000/  

上傳到github  

首先上github 設置本身的域名,

建一個倉庫,設置爲wang119c.github.io 【這裏的wang119c 是個人用戶名】

設置本地_config.yml  配置

## Docs: https://hexo.io/docs/deployment.html

deploy:

type: git

repo: https://github.com/wang119c/wang119c.github.io

執行命令

npm install hexo-deployer-git --save

hexo deploy

搭建完畢 訪問你的域名就能夠了!

固然你要用本身的域名  上dns 解析下  OK了

每次部署的步驟,可按如下三步來進行:

hexo clean

hexo generate

hexo deploy

幾個經常使用的命令:

hexo new  "postName"  #新建文章

hexo new page "pageName" #新建頁面

hexo generate #生成靜態頁面至public目錄

hexo server #開啓預覽訪問端口

hexo deploy #將.deploy目錄部署到



下面是關於主題的安裝

從官網下載到本地,是一個主題包

把主題包放入

 

themes 這個包 內 ,而後 在_config.yml 裏面配置 主題有theme 這個配置項。固然主題包裏面也有個_config.yml 也是須要配置的,

menu:  #導航欄  

主頁: / 

歸檔: /archives  

關於: /about  #介紹一下你本身  

網絡工具: /tools  #本身添加  

資源共享: /share  #本身添加

widgets:  ## 右邊的零部件,

jacman主題提供了7個:

tagcloud#標籤雲

-links#友情連接

 

Jekyll主題爲例

hexo提供的更多主題提供了豐富的主題能夠選擇,安裝方法大同小異,其中包括一款黑色背景的,好了,就它了。

安裝插件

npminstall--save hexo-renderer-jade hexo-generator-feed

clone該主題到/themes/jekyll文件夾

修改/_config.yml的theme值

添加feed屬性

複製Demo.md到source/_post文件夾

本地運行預覽

hexo clean

hexo generate

hexo deploy



上面 介紹了 找到一個漂亮的文章主題,可是還不知道怎麼寫文章,下面就是要介紹的

直接在source/_posts/下複製一份 .md文件,能夠隨意命名,而後裏面就能夠寫文章了,用你本身喜歡的編輯器,好比sublime/editplus...均可以

想要在文章中插入圖片的話,能夠按照Markdown語法來插入,格式爲![圖片名稱](圖片地址)。

第一種:圖片的存放有兩種方式:在本地source目錄下新建一個存放圖片的文件夾,好比images,而後把想要插入的圖片放在裏面,插入圖片的路徑;

第二種方法:是把圖片上傳到網絡,而後插入圖片路徑。推薦使用第二種。

推薦兩個比較好用的:

極簡圖牀;無需註冊,方便快捷。

七牛雲存儲;須要註冊,免費,空間大,速度快。

基本上完工。最後加上Markdown的用法指南

https://segmentfault.com/markdown#articleHeader7

相關文章
相關標籤/搜索