安裝hexo,建站並新建博客

1、安裝html

安裝 Gitgit

sudo apt-get install git-core

安裝 Node.jsgithub

$ curl https://raw.github.com/creationix/nvm/master/install.sh | sh

安裝 Hexoshell

npm install hexo-cli -g

安裝主題npm

輸入圖片說明

輸入圖片說明

安裝好主題,修改hexo目錄下的_config.yml以下:編程

輸入圖片說明

https://github.com/shenliyang/hexo-theme-snippetjson

2、建站vim

一、初始化segmentfault

$ hexo init <folder>
$ cd <folder>
$ npm install
hexo server

二、文件夾目錄結構設計模式

├── _config.yml
├── package.json
├── scaffolds
├── source
|   ├── _drafts
|   └── _posts
└── themes

三、配置

能夠在 _config.yml 中修改大部份的配置

四、修改佈局

cd themes
cd landscape
cd layout
cd _partial
cd header
vim header.ejs

五、加標題欄

輸入圖片說明

# Header
menu:
  首頁: /
  生活: /life
  編程語言: /programelanguage
  設計模式: /designpattern
  程序人生: /programelife
  Archives: /archives
rss: /atom.xml

六、創建標題對應的資源

在命令行裏面輸入:hexo new page "about"。而後你會發現source裏面多了個目錄about,裏面有個index.md。其實你也能夠手動創建。頁面的格式和文章同樣。接着把連接加上,themes/<theme_name>/_config.yml裏面的menu一項,添加一行About: /about。完事。

七、寫博客文章

(1)、新建一篇博客,其中「使用layui實現登陸功能」爲博客名

hexo new 使用layui實現登陸功能

(2)、打開新建的博客,能夠寫內容了

vim 使用layui實現登陸功能.md

(3)、寫好博客,生成靜態文件,部署網站

hexo clean
 hexo generate
 hexo deploy

八、遇到問題及解決

(1)、每次訪問hexo,都顯示鏈接失敗(hexo s -p 80)

此時是須要的登陸,登陸是若是隻寫hexo s,hexo端口默認是4000,但是若是沒在阿里雲設置開發端口,那就會訪問失敗啦,因此要保持hexo設置的端口屬於阿里雲開放的端口。

(2)、後臺運行hexo

hexo server -p 80 &

(3)、怎麼點擊不一樣的連接跳轉到不一樣的頁面

在命令行裏面輸入:hexo new page "about" 而後你會發現source裏面多了個目錄about,裏面有個index.md。其實你也能夠手動創建。頁面的格式和文章同樣。 接着把連接加上,themes/<theme_name>/_config.yml裏面的menu一項,添加一行About: /about。 完事。

https://segmentfault.com/q/1010000000618915

https://www.zhihu.com/question/53190929 https://v.youku.com/v_show/id_XMzA2MDQxODY0NA==.html?spm=a2h1n.8251843.playList.5~5~A&f=51195645&o=1

(4)、後臺運行hexo,關閉xshell後,博客不可訪問

關閉xshell前,先執行exit

(5)、怎麼在新建頁面建立博客,而不是默認首頁? https://www.zhihu.com/question/33324071/answer/56381980

好的文章:https://www.jianshu.com/p/b7886271e21a

相關文章
相關標籤/搜索