10分钟快速搭建个人博客

能够拥有自己的个人博客,是件非常值得骄傲的事情。通过写作,记录自己的学习历程,梳理并总结,然后形成自己的经验分享。

如果作者能够有高质量的作品持续输出,文章通俗易懂,图文并茂,一定会得到业内人士的认可,同时也会能吸引不少读者,所以写博客是一件非常值得投入时间去做的事情。

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: [email protected]: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

参考资料

  • Hexo官方文档
  • NextT使用文档

如果这篇文章对您有帮助,记得给作者点个赞,谢谢!

你可能感兴趣的:(10分钟快速搭建个人博客)