一、准备工作
本文在win10系统下进行环境搭建
1.可参考官方文档
hexo官方网站
Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他标记语言)解析文章,在几秒内,即可利用靓丽的主题生成静态网页
2.配置环境
这里我们需要下载安装两个软件,我们就去官网下载一下 node.js 和 git
Nodejs下载安装
git下载安装
3. 安装 Hexo
npm install -g hexo-cli
安装成功
二、项目搭建
1.初始化项目
blog为项目的名称
hexo init blog
初始化成功
2.本地运行项目
hexo clean //清空已经存在的hexo网站文件
hexo generate(可简写g) //依据网页文件和新的css样式生成新的网站文件
hexo server(可简写为s) //启动本地服务器,可以在localhost:4000查看网站修改效果
List item
先进入到项目的根目录
cd webstack
编译运行
hexo g
hexo s
默认端口为4000,在浏览器访问 http://localhost:4000/
三、替换主题
1.主题下载
官方主题列表
下载主题
cd themes
git clone https://github.com/HCLonely/hexo-theme-webstack
2.修改主题名称
将hexo-theme-webstack修改为webstack
修改_config.example.yaml 为 _config.webstack.yaml
移动_config.webstack.yaml到根目录下
修改主题名称为webstack
3. 本地运行
hexo clean
hexo g
hexo s
四、项目部署到远程端
1.hexo下载git工具
npm install hexo-deployer-git --save
2.再gitee新建一个仓库
首先我们需要注册码云的账号,然后在创建一个仓库,这里初次使用码云的话可以,先看一下码云入门
当然注册账号我们可以直接进入码云官网:https://gitee.com/ 都是中文一看就会的那种
我的仓库名称为 webstack,
3.修改配置文件
修改url为我们创建的仓库
修改git提交的仓库地址
4.提交
hexo d
5.码云上开启服务
我们就可以通过生成的网站地址访问了