本身centos7架設hexo網站

本身centos7架設hexo網站

一:安裝博客框架

1.安裝git
yum install git-core
2.安裝nvm(後面安裝Node.js的最佳方式是使用nvm,因此這裏安裝nvm)
wget -qO- https://raw.githubusercontent.com/creationix/nvm/v0.32.1/install.sh | bash

安裝完以後須要重啓一下,否則下面的nvm命令不能用php

3.安裝node.js
nvm install stable


4.安裝hexo
npm -g install hexo-cli


這是報錯的界面,須要輸入下面的命令 
若是安裝報錯的話,輸入下面命令:
node

npm config set user 0 
npm config set unsafe-perm true  

敲上面的命令就好了,這個就不要敲了,若是仍是不行的話在敲這個,下面是安裝成功的界面nginx



到這裏hexo就安裝完成了 
補充:若是有這樣的報錯:
ERROR Deployer not found: git 請輸入下面的命令: 
npm install hexo-deployer-git --save 就OK了git

二:配置nginx服務

1.添加一個nginx-relese包的yum源
rpm -Uvh http://nginx.org/packages/centos/7/noarch/RPMS/nginx-release-centos-7-0.el7.ngx.noarch.rpm
2.安裝nginx包
yum -y install nginx
3配置nginx
vim /etc/ngxin/con.d/default.conf

只需修改第9行,將目錄改成/gs/public 
第10行能夠添加一個 index.php 不過我感受沒什麼用,能夠不用添加
github


4.啓動nginx服務,查看端口
systemctl restart nginx
systemctl enable nginx
nestat -npl | grep nginx

到這裏nginx服務就配置完成了npm

三.配置hexo

1.在根目錄中建立一個新目錄/gs執行命令hexo init
2.而後在/gs中執行Hexo generate會出來public
3.編譯網頁 hexo g d
注意:這個命令除了不能在/gs/themes/主題的名字  目錄下執行,在/gs其餘的目錄下均可以執行 ,建議都在/gs下執行到這裏  hexo的初始博客框架網頁就完成了

四 . hexo的詳細配置

1.去官網選擇一個主題
官網地址:https://hexo.io/  



2.選擇主題 我用的是bloack-blue 黑藍主題

點擊黑藍的字 下載主題vim



點擊下載zip下載 ,第一次點擊下載的包沒用,取消 ,再次點擊下載zip 才能把主題包下載下來centos


2.修改hexo文件


文件說明:_config.yml  網頁全局配置文件Themes       放置主題的目錄Source       裏面的_ports目錄放置網頁其餘的都不用管了,用不着
1._config.yml 網頁全局配置文件


timezone: Asia/Shanghai


Title:    設置網頁選項卡上的標題Subtitle: 網頁裏面的標題第8行感受沒什麼用 寫了沒有什麼反應Author:  做者名字Language :zh-Hans 中文語言Theme:   後面接主題名Timezone: Asia/Shanghai 時間
2.Source/_posrts目錄裏面放置文檔
須要用 hexo new 「名字」建立文檔   雙引號能夠不用加會有一個「文檔.md」的文件生成,而後編輯改文件,而後用hexo g d 生效注意必須用hexo new 命令生成文件  其餘的都不行
3.themes目錄
將下載好的包放入解壓就好了


你能夠放置多個主題包,將上面的網頁全局配置文件裏面的主題名改爲你想用的主題名Theme: next         主題名字你能夠隨便改, 好比咱們下好的black-blue主題  ,你能夠改成next
1.Cd next

進入 next 主題 目錄:bash


你只須要修改_config.yml便可,其餘的都不要改動網絡

2.修改主題配置文件_config.yml
Vim  _config.yml


將圖片放在/gs/themes/next/source/img  或者/gs/source/images 或者前面兩個source的子目錄下,只要在source目錄下面就行,圖片任意形式保存.png 或者.jpg都行, img和images名字隨便起,沒有要求  這兩個目錄下的圖片均可以用上面的路徑只能寫/img/圖片名.png 或者/images/圖片名.png 其餘的目錄應該也能夠顯示,你能夠去試試,我就不試了  可是插入本地圖片必須放在上面的目錄裏,否則圖片不能顯示其餘的配置就是一些添加連接的  ,你能夠本身去試試3.Source目錄中img目錄是存放圖片的,其餘的目錄沒什麼須要改動的,反正我沒動,這樣就能夠了,其餘的我沒配置   建議將上面的圖片設置在主題的source目錄下 感受好一點

五 . 文檔的一些設置

1 . 添加本地圖片
(/images/圖片.png)

或者

<img  src=」/images/圖片.png」>

放置圖片你的目錄名隨便起 但目錄必須放在/gs/source下或者 /gs/themes/next/source主題的source目錄下,放在別的目錄都不能顯示圖片

2.添加網絡圖片

(http://圖片地址) 
或者 
img src=」/圖片地址」>

3.添加背景音樂

進入播放器頁面,點擊生成外鏈播放器;複製代碼,直接粘貼到博文中便可。這樣便會顯示一個網易音樂外鏈播放器。

將iframe中代碼width=298 height=52 均修改成0,便可隱藏外鏈播放器,變爲背景音樂模式。

4.網站移植

將/gs文件夾打包拉出來就好了

5.主題移植

將/gs/themes/netx 文件夾打包拉出來就好了

----------------------------------------------------------------------------------

本章目的:
學會本身centos7架設hexo網站

本章得到知識點:
學會使用安裝工具安裝nginx服務,安裝博客框架。學會配置hexo網站內容

劉一樂2017-11-05

相關文章
相關標籤/搜索