前言
最近想搭建一个自己的个人博客,由于缺乏前端知识,一番搜寻后决定使用简单方便的Hexo。
我的环境
- Windows10
- Git 2.22.0
- Node.js 10.16.3 LTS
- 腾讯云 CentOS 7.6 64位
Hexo简介
Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。
第一部分
1.Hexo的安装
-
安装git
Windows下直接进入git官网下载即可
-
安装Node.js
同样,Windows下直接进入Node.js官网下载,无脑下一步即可
-
安装Hexo
打开GIt Bash
$ npm install -g hexo-cli
2.开始建站
安装完Hexo后,接着执行下列命令Hexo 将会在指定文件夹中新建所需要的文件
$ hexo init <folder> #<folder>为网站所在文件夹 $ cd <folder> $ npm install
执行完毕后,指定文件夹内的目录应该如下:
. ├── _config.yml ├── package.json ├── scaffolds ├── source | ├── _drafts | └── _posts └── themes
接着 cd <folder> 到指定文件夹下 hexo s -debug 就能启动项目了
启动成功后我们在浏览器输入localhost:4000 就能访问到我们的博客了
3.更改配置、主题
在项目的根目录里,有这些文件
- node_modules: 依赖包
- public:存放生成的页面
- scaffolds:生成文章的一些模板
- source:用来存放你的文章
- themes:主题
- _config.yml: 博客的配置文件
我们可以先从Hexo的主题网站下载一个自己喜欢的主题,这里我用的是ochuunn
在该主题的github页面有较为详细的安装教程,又不会安装配置的同学也可以联系我
安装完主题之后,启动项目,就能访问到好看的博客了
第二部分 部署到服务器
1.云服务器安装git, Node.js, Hexo
登录进入服务器后,输入
sudo yum install git-core
完成后输入
wget -qO- https://raw.githubusercontent.com/nvm-sh/nvm/v0.34.0/install.sh | shnvm install node#如果nvm无法运行可以重启一下服务器npm install -g hexo-cli
2.创建git仓库
输入
mkdir /var/www/Blog/ #更改权限 chown -R $USER:$USER /var/www/Blog/ chmod -R 755 /var/www/Blog/cd /home/git init --bare Blog.git
现在创建了一个空的git仓库
3.创建git钩子
在 /home/BLog.git 下,有一个hooks文件夹。我们需要在里面创建一个钩子文件
vim /home/Blog.git/hooks/post-receive
在该文件中添加两行代码
#!/bin/bash git --work-tree=/var/www/Blog --git-dir=/home/Blog.git checkout -f
修改文件权限
chmod +x /home/Blog.git/hooks/post-receive
4.服务器配置Nginx
安装
yum install -y nginx
启动
service nginx start
现在我们可以从浏览器访问服务器的公网地址,如果能看到欢迎页面那么说明Nginx安装成功
接着去修改Nginx的配置
vim /etc/nginx/nginx.conf
server { listen 80 default_server; listen [::]:80 default_server; root /var/www/Blog; #需要修改 server_name chenmingzhang.cn; #如果有域名的话,改成域名 # Load configuration files for the default server block. include /etc/nginx/default.d/*.conf; location / { } error_page 404 /404.html; location = /40x.html { }
最后重启Nginx
service nginx restart
5.修改本地配置
在本地项目根目录的_config.yml中,作如下修改
deploy: type: git repo: [email protected]:/home/hexoBlog //xx.xx.xx.xx为服务器地址 branch: master
再在git中输入
npm install hexo-deployer-git --save
安装完成后,只要在git中
hexo generate hexo deploy
等待运行完成
就可以用公网IP访问博客啦
原文地址:https://www.cnblogs.com/FortisCK/p/11614488.html
时间: 2024-11-07 07:09:50