能够拥有自己的个人博客,是件非常值得骄傲的事情。通过写作,记录自己的学习历程,梳理并总结,然后形成自己的经验分享。
如果作者能够有高质量的作品持续输出,文章通俗易懂,图文并茂,一定会得到业内人士的认可,同时也会能吸引不少读者,所以写博客是一件非常值得投入时间去做的事情。
Hexo是什么
Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown 解析文章,可利用靓丽的主题生成静态网页。
我们可以通过官方提供的命令行工具,一键初始化自己的博客网站,通过插件一键部署至 github 上。
Markdown 语法特别适合技术写作,语法很简单,作者可以专注于写作,不用关心排版问题。
快速起步
通过官方提供的 hexo-cli
命令行工具,可以快速地初始化 hexo 项目。通过编辑 _config.yml
来配置自己的博客网站,同时在本地启动web服务时,项目支持热更新。
下文中所有涉及的 username
都是指的是 github 上用的用户名,请自行替换
在全局安装 hexo 命令行工具
npm i -g hexo-cli
用 hexo 命令初始化项目
hexo init username.github.io
进入工作目录,安装依赖包
cd username.github.io
安装项目依赖包
npm install
启动hexo服务
hexo server
在浏览器访问:localhost:4000
项目一键部署
安装 hexo-deployer-git
插件,结合 github 提供的 github page 功能,我们可以在 github 上部署自己的静态博客网站。
npm i --save hexo-deployer-git
在github下新建仓库:username.github.io
在项目根目录下的 _config.yml
中配置 deploy 属性
deploy:
type: git
repo: git@github.com:username/username.github.io.git
branch: master
清除之前的旧文件
hexo clean
执行hexo的部署命令
hexo deploy
第三方主题
为了能够个性化地展示自己的网站,可以通过网上开源的主题,这里我推荐 next 主题,应该是全网排行靠前的 hexo 主题,而且文档非常完善,因为是国人开发,所以中文的支持也很友好。
用 git 命令下载主题到 themes 目录下
git clone https://github.com/iissnan/hexo-theme-next themes/next
修改 _config.yml
中的 theme 属性
theme: next
参考资料
如果这篇文章对您有帮助,记得给作者点个赞,谢谢!
网友评论