hexo 是乙個快速、簡介、高效的部落格框架,支援markdown,擁有豐富的外掛程式系統,常與github等**託管平台一起搭建個人部落格**。
安裝前:
需安裝好git、node.js(6.9以上)
git(
node.js(
一、安裝
會在npm中建立好hexo-cli
$ npm install hexo-cli -g//安裝hexo
建站
1.在git下執行,建部落格
$ cd 《專案資料夾》//先進入到你要建專案的資料夾
$ hexo init 《目錄名》//初始化部落格專案
$ cd 《目錄名》//進入部落格
$ npm install//安裝依賴
資料夾用途:
|-- demo//專案跟目錄名
|-- .gitignore//git時忽略的檔案或目錄
|-- package-lock.json
|-- package.json//應用程式的資訊
|-- _config.yml//**的配置資訊
|-- scaffolds//模板資料夾,hexo的模板是指在新建的markdown檔案中預設填充的內容。
| |-- draft.md
| |-- page.md
| |-- post.md//博文模板
|-- source//資源資料夾,存放使用者資源
| |-- _posts//博文目錄
| |-- hello-world.md//博文
|-- themes//主題資料夾,hexo 會根據主題來生成靜態頁面
|-- landscape.//預設主題
...
執行$ hexo server//執行本地服務
會在瀏覽器中開啟http://localhost:4000
小站就建起來了.
二、使用
1.新建博文
hexo new 《博文name>//有逗號必須使用引號括起來
在source/_posts/
下生成檔案name.md
此時如果執行了hexo server,重新整理瀏覽器時可看到新建的博文:
生成靜態檔案
hexo generate//簡寫hexo g
hexo g -d//檔案生成後立即部署**
hexo g -w//監視檔案變動
3.發表草稿
hexo publish
4.寫法
斜體和粗體
*這是斜體* 或 _這也是斜體_
**這是粗體**
***這是加粗斜體***
~~這是刪除線~~
分級標題
# 一級標題
## 二級標題
### **標題
#### 四級標題
##### 五級標題
###### 六級標題
超連結
行內形式:[我的部落格](
列表無序列表:
* 無序列表項1有序列表:+ 無序列表項2
- 無序列表項3
1.有序列表項1
2.有序列表項2
3.有序列表項3
插入!(/images/insert_image.jpg) //或
**
| 表頭1|表頭2|表頭3|表頭4
|-| :- | :-: | -: |
|預設左對齊|左對齊|居中對其|右對齊|
|預設左對齊|左對齊|居中對其|右對齊|
|預設左對齊|左對齊|居中對其|右對齊|
4.修改樣式
更改背景
找到部落格目錄下\themes\landscape\source\css\,加上以下**:
body
小白搭建hexo的Next主題部落格
家裡的網路可算搞好了!quq.是時候更新一波部落格了!言歸正傳 寒假前無意間看到高年級的學長自己做的部落格 很精美!動心了之後決定自己做乙個 高仿版 說實話自己沒有想到如今建立自己的部落格 已經這麼發達便捷,因為自己的前端知識並不多,開始前一度擔心完不成。這是效果圖 古人云 工欲成其事必先利其器。在...
小白搭建WAMP詳細教程 mysql安裝與設定
mysql分為安裝版和解壓版。為了以後mysql出問題想重灌時會出現各種不必要的麻煩,我們這裡選擇解壓版mysql。詳細步驟如下 在根目錄下新建乙個my.ini檔案,在裡面存入以下 mysql 設定mysql客戶端預設字符集 default character set utf8 mysqld 設定3...
hexo搭建個人部落格 使用Hexo搭建個人部落格
node.js 附帶npm git npm install hexo cli g g選項表示全域性安裝 global 即安裝到你的電腦中而非專案目錄中,建議新增,這樣在命令列就可以直接使用hexo命令。hexo init 目錄名稱 cd 目錄名稱 npm i 官方文件已經完整說明了每個配置項的作用,...