hexo小白搭建

2021-09-25 19:52:00 字數 2447 閱讀 3779

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 官方文件已經完整說明了每個配置項的作用,...