如果你也想创建一个博客又不希望投入太多时间在技术管理上,那么Hexo是你的不二选择。作为一款轻量型的框架,Hexo能够快速渲染上百个界面并且支持主流的 Markdown格式。你可以将它部署在自己的服务器上,也可以部署在Github等其他平台。
这次我将以 Hexo+GithubPage
教你如何免费搭建自己的博客。
安装Node.js
在官网Node.js (nodejs.org下载对应版本并执行安装程序。
进入CMD命令行窗口,输入以下命令查看nodejs版本,如果显示呢版本信息则安装成功
node版本:
1 | node -v |
npm版本:
1 | npm -v |
安装Git
安装
在官网Git下载对应版本并执行安装程序。
你可以一路回车,但是务必勾选Git Bash Here选项,因为这将允许你通过右键菜单打开Git Bash
配置用户名及邮箱
桌面右键 -> Git Bash Here,在弹出窗口中输入以下命令,注意替换你的用户名为你Github实际的用户名,替换xxx@xx.com为你Github邮箱。
1 | git config --global user.name "你的用户名" |
1 | git config --global user.email xxxx@xx.com |
输入以下命令,如果能看到自己用户名及邮箱即配置成功。
安装Hexo
输入以下命令安装Hexo
1 | npm install -g hexo-cli |
输入以下命令查看 hexo 版本
1 | hexo -v |
初始化博客
1 | hexo init 你的博客名字 |
随后输入命令进入博客目录
1 | cd 你的博客名字 |
执行以下命令
1 | npm install |
完成之后,在你刚才的那个文件夹目录下应该会生成数个文件夹及文件。
- node_modules | 存放依赖包
- public | 存放生成的页面
- scaffolds | 存放文章模板
- source | 存放你写的文章,分类,标签
- themes | 存放主题
- _config.yml | hexo配置
此时输入以下命令
生成文章页面
1 | hexo g |
运行服务
1 | hexo s |
在浏览器输入 localhost:4000 就可以看到你生成的页面了。
你也可以指定端口
1 | hexo s -p 5000 |
配置Hexo
使用 VS Code 打开_config.yml。
这里你可以修改变量对应的值来自定义你的博客,比如title
, subtitle
, Author
等。
部署至Github
创建仓库
生成密钥
部署到Github
常见问题
This is a note content.
This is a tip content.
This is a warning content. >
原创 Ng Wai Chun
http://blog.steedwu.com/2023/08/03/3/
Copyright (c) 2023 CC-BY-NC-4.0 LICENSE