本身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命令不能用

3.安装node.js

nvm install stable

4.安装hexo

npm -g install hexo-cli

这是报错的界面，须要输入下面的命令 
若是安装报错的话，输入下面命令：

npm config set user 0 

npm config set unsafe-perm true  

敲上面的命令就好了，这个就不要敲了，若是仍是不行的话在敲这个，下面是安装成功的界面

---

到这里hexo就安装完成了 
补充：若是有这样的报错：ERROR Deployer not found: git 请输入下面的命令： 
npm install hexo-deployer-git --save 就OK了

二：配置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 不过我感受没什么用，能够不用添加

4.启动nginx服务，查看端口

systemctl restart nginx

systemctl enable nginx

nestat -npl | grep nginx

到这里nginx服务就配置完成了

三．配置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 黑蓝主题

点击黑蓝的字 下载主题

---

点击下载zip下载 ，第一次点击下载的包没用，取消 ，再次点击下载zip 才能把主题包下载下来

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 主题 目录：

你只须要修改_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