个人博客–点木
欢迎点击!!!!
本博客搭建基于JerryC大佬的Butterfly主题,点击这里进入原文章页面,按照其安装文档可完成博客的搭建,因此,此处不再对博客搭建过程详细讲述,只添加一些没有提及到的环境搭建。
本博客服务器运行使用的为阿里云的学生服务器,系统为Linux。
Git安装
- 安装Git用于向github拉取项目资源,缺少安装,系统将会提醒手动下载各种资源文件,安装也比较简单,只需要使用系统内置的yum命令,等待安装完成即可。
yum -y install git
Node.Js的安装
-
由于安装最新的Node.js版本后,存在一些我无法解决的bug,因此,个人并没有使用最新版的Node.js,使用的系统yum命令进行旧版的Node.js安装,同样,等待安装完成即可。
yum -y install nodejs
-
如需安装最新版的Node.Js,可以点击传送门前往Hexo主题官方文档,提供了自动安装脚本,不需要麻烦的去下载NodeJs然后上传服务器。具体步骤如下:
1.使用wget命令下载nvm安装脚本。$ wget -qO- https://raw.githubusercontent.com/nvm-sh/nvm/v0.34.0/install.sh | sh
2.安装完成后,重启终端并执行下列命令即可安装Node.js。
nvm install stable
Hexo博客安装
- 以上环境安装成功后便可以使用npm命令安装Hexo,安装命令:
npm install -g hexo-cli
如果提示无法找到npm命令,请使用 yum -y install npm 进行npm指令安装。
- Hexo安装完毕后,创建博客文件夹,并进行初始化,以博客文件夹为DM举例:
hexo init DM
cd DM
npm install
- 安装完成后,将会得到下图所示的目录结构:
- 各部分文件夹简单解释
- _config.yml :博客配置文件
- node_module :博客生成文件夹
- package.json :博客版本管理
- source :博客资源文件夹
- themes :博客主题文件
- 运行命令,生成静态文件
hexo g
-
命令将会生成两个新文件夹:
- public :博客生成的静态网页文件夹
- scaffolds :博客跟新记录文件夹
-
安装到此处,博客就已经搭建完毕,使用以下命令便可以开启默认端口4000,可供外部进行访问:
hexo s
注:如果没有打开阿里云的防火墙,依旧无法从外部进行访问,进入阿里云->控制台->进入服务器实例->安全组规则进行配置,端口范围:4000,其余默认即可。
- 打开浏览器,输入ip+端口进行访问
主题设置
-
主题选择
点击这里前往hexo主题库选择自己喜欢的主题 -
主题配置
需要个人根据所选择的主题进行配置,这里只讲解Butterfly主题的安装
- 进入主题根目录文件夹下(DM目录下),拉取主题。拉取后将会在 themes 下生成主题文件夹 Butterfly
git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/Butterfly
- 进入主题配置文件 _config.yml 切换主题
theme: landscape 修改为 theme: Butterfly
- 安装主题渲染器
npm install hexo-renderer-jade hexo-renderer-stylus --save
- 使用 hexo g 生成静态资源,使用 hexo s 开启资源访问,浏览器刷新,就可以看到安装的Butterfly主题。
[外链图片转存失败(img-kfrG3FZx-1569033572959)(http://modty.top:433/downloadFile/img/ButterflyTest.PNG)]
- 主题的具体相关配置请参考 Butterfly 主题的安装文档
Nginx代理
由于 hexo 主题是静态博客,为避免频繁使用 hexo s 命令和暴露服务器开放端口,可以使用 nginx 直接代理静态资源的访问。
- Nginx安装
yum install nginx
- Nginx配置
nginx配置文件默认位于 /etc/nginx/nginx.conf ,因为服务器主要作为博客服务器,因此,直接将80端口的默认访问资源设置为 hexo 博客静态资源
# user nginx 粗暴解决权限问题
user root;
server {
listen 80 default_server;
listen [::]:80 default_server;
server_name _;
# root /usr/share/nginx/html;博客根目录下的public文件夹
root /root/DM/public;
# Load configuration files for the default server block.
include /etc/nginx/default.d/*.conf;
location / {
}
}
- Nginx启动
启动:nginx
立即停止:nginx -s stop
正常停止:nginx -s quit
重载配置文件:nginx -s reload
如果启动nginx提示 80 端口被占用,直接运行以下命令停止端口,停止其他端口修改 80 即可
kill -9 `netstat -anp|grep 80|awk '{printf $7}'|cut -d/ -f1`
- nginx重启完成后,直接通过ip访问,不需要运行 hexo s 和添加端口,至此,博客搭建完毕