hexo-to-your-server
一、完成效果
点击查看个人网站
二、准备
基本上每一步都会给出链接,可以多多参考
本地配置node环境
node下载 官网下载
参考链接:
可以使用官方的node安装包或者nvm管理 node 版本,但千万不要混用 ,不然会环境和管理上的麻烦
安装:基本都是下一步,但记得把目录改到其他盘,这里我具体是在 D:\programming\nodejs
打开cmd查看node安装情况,执行如下命令
node -v
npm -v
配置全局环境
参考链接:
进入安装目录,创建文件夹node_global和node_cache,执行如下命令
npm config set prefix "D:\programming\nodejs\node_global"
npm config set cache "D:\programming\nodejs\node_cache"
环境配置:新增环境变量NODE_PATH和添加Path,两个值都为 D:\programming\nodejs\node_global
测试全局环境
打开cmd安装hexo-cli,分别执行如下命令
npm install hexo-cli -g
hexo
如果出现下面情况,恭喜你成功全局模块调用
如果出现命令未找到,或不是可执行程序,别着急!先仔细重复 3-4 步 ,一般是能够给解决的
如果实在是不能解决,往后看,如果没错,直接跳过该步
随便找个地方初始化文件,执行如下命令
mkdir hexo-blog
cd hexo-blog && npm init
然后回车键一阵乱敲!
现在有 3 种解决方法,任选其一
法 1:检查D:\programming\nodejs\node_global目录是否有hexo模块,执行如下命令
D:\programming\nodejs\node_global\hexo // 每次使用全局模块带上前缀即可
如果成功显示步骤 4 的情况,则调用成功。如果觉得每次加前缀麻烦,往后看
npm link hexo
package.json 中新建脚本如下,执行如下命令
npm run hexo
法 3:你还可以直接在hexo-blog中下载,执行如下命令
npm install hexo-cli -S
npm run hexo (还是要在package.json中新建脚本)
初始化hexo项目
如果是按照上一节步骤 6 过来的,则在hexo-blog文件下初始化,执行如下命令
hexo init myblog && cd myblog
npm install
下载主题,执行如下命令
参考链接:
git clone https://github.com/iissnan/hexo-theme-next themes/next
在本地配置文件 中设置theme属性
本地执行hexo项目
统一添加start脚本,并执行如下命令
npm start
快可以打开 http://localhost:4000/ 验证效果吧
git环境搭建
git安装
参考资料:
参考资料:
git config --global user.name "yourname"
git config --global user.email youremail@example.com
ssh-keygen -t rsa -C "youremail@example.com"
git config --global core.autocrlf false // 禁用自动转换,这个不设置后面上传时会出现警告,如下
最后获取到的ssh认证在C:\Users\yourname\.ssh中
三、服务器配置
搭建远程Git私库
登录到远程服务器,建议使用Xshell 5
安装 git,执行如下命令
git --version // 如无,则安装
yum install curl-devel expat-devel gettext-devel openssl-devel zlib-devel perl-devel
yum install -y git
创建用户并配置其仓库,执行如下命令
参考资料:
useradd git
passwd git // 设置密码
su git // 这步很重要,不切换用户后面会很麻烦
cd /home/git/
mkdir -p projects/blog // 项目存在的真实目录
mkdir repos && cd repos
git init --bare blog.git // 创建一个裸露的仓库
cd blog.git/hooks
vi post-receive // 创建hook钩子函数,输入了内容如下(原理可以参考上面的链接)
#!/bin/sh
git --work-tree=/home/git/projects/blog --git-dir=/home/git/repos/blog.git checkout -f
添加完毕后修改权限,执行如下命令
chmod +x post-receive
exit // 退出到 root 登录
chown -R git:git /home/git/repos/blog.git // 添加权限
测试git仓库是否可用,另找空白文件夹,执行如下命令
git clone git@server_ip:/home/git/repos/blog.git
如果能把空仓库拉下来,就说明 git 仓库搭建成功了
建立ssh信任关系,在本地电脑 ,执行如下命令
参考资料:
ssh-copy-id -i C:/Users/yourname/.ssh/id_rsa.pub git@server_ip
ssh git@server_ip // 测试能否登录
注 :此时的 ssh 登录 git 用户不需要密码!否则就有错 ,请仔细重复步骤 3-4
如果第 5 步能成功,为了安全起见禁用git用户的 shell 登录权限,从而只能用git clone,git push等登录,执行如下命令
参考资料:
cat /etc/shells // 查看`git-shell`是否在登录方式里面,有则跳过
which git-shell // 查看是否安装
vi /etc/shells
添加上2 步显示出来的路劲,通常在 /usr/bin/git-shell
修改/etc/passwd中的权限,将原来的
git:x:1000 :1000 ::/home/git:/bin/bash
修改为
git:x:1000 :1000 :,,,:/home/git:/usr/bin/git-shell
搭建nginx服务器
下载并安装nginx,执行如下命令
参考资料:
cd /usr/local/src
wget http://nginx.org/download/nginx-1.15 .2 .tar.gz
tar xzvf nginx-1.15 .2 .tar.gz
cd nginx-1.15 .2
./configure // 如果后面还想要配置 SSL 协议,就执行后面一句!
./configure --prefix=/usr/local/nginx --with-http_stub_status_module --with-http_ssl_module --with-file-aio --with-http_realip_module
make && make install
alias nginx='/usr/local/nginx/sbin/nginx' // 为nginx取别名,后面可直接用
配置nginx文件
参考资料:
先启动是否安装成功,执行如下命令
nginx // 直接来!浏览器查看 server_ip,默认是80 端口
配置文件,执行如下命令
nginx -s stop // 先停止nginx
cd /usr/local/nginx/conf
vi nginx.conf
修改 root 解析路径,如下图
同时将 user 改为 root 如下图,不然nginx无法访问 /home/git/project/blog
nginx -s reload
四、链接
至此我们就把本地和服务器的环境全部搭建完成,现在利用 hexo 配置文件进行链接
配置_config.yml文件
编辑_config.yml的deploy属性
在package.json中添加 npm 脚本
"scripts" : {
"deploy ": "hexo clean && hexo g -d" ,
"start ": "hexo clean && hexo g && hexo s"
},
链接!这下在本地调试就用npm start,调试好了就上传到服务器,美滋滋~快通过你的服务器ip访问吧
npm run deploy
五、总结
本次教程介绍node环境配置,主要强调了全局模块的调用,然后是初始化 hexo 项目,建议多参考官方的配置。然后搭建本地和服务器的git环境,通过ssh通行证交互。接下来是通过nginx.conf文件来配置nginx。最后_config.yml的deploy参数来连接本地和服务器
六、最后说句
本人前端新手一枚,有错误的话欢迎指正
贴上 个人网站 ,建站初期,欢迎您的光临~
喜欢的话麻烦 Github 给个 ★ 哦