文章出處

這是以前寫的文章 分享給大家

廢話不多說,開始進入正題

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

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

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

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

https://github.com/    申請GitHub

由于我的工具早就配置好了,就沒有按照官網上的去下載

正式安裝hexo

npm install hexo-cli -g   或者也可以用淘寶鏡像cnpm 

在任意一個地方建立項目文件夾,我的是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


文章列表


不含病毒。www.avast.com
arrow
arrow
    全站熱搜
    創作者介紹
    創作者 大師兄 的頭像
    大師兄

    IT工程師數位筆記本

    大師兄 發表在 痞客邦 留言(0) 人氣()