Loading

搭建个人博客,也可以很简单

搭建个人博客,也可以很简单

刚刚上大学我就已经萌生了搭建个人博客的念头,只是一直觉得比较难,不想动手。在去年年中我经过一个朋友接触到了「HEXO」,第一次发现搭建博客也可以如此简单。

我的博客:https://blog.2to.fun/

框架

我相信对于大多数人来说从零开始搭建是不太现实的,这时候基于某一款主题框架开发博客主题就很有必要了。比较热门的框架有很多,例如「Hugo」「VuePress」「HEXO」等等。

对于不同框架的选择因人而异。

  • VuePress 相对来说在阿里云部署十分的简单,只要购买服务器就可以通过阿里云一键部署 VuePress 框架,然后自定义主题一条龙。
  • HEXO 也很不错,对于新手入门来说也非常的简单。HEXO 的主题很多都是国人开发,也拥有最为丰富的插件,这也是我选择这个框架的原因。
  • Hugo 基于Go语言开发,对比 HEXO 拥有更快的 Deploy速度,但是 Hugo 主题大部分都是外国开发者开发的,并不太符合我的审美。如果想要更快的 Deploy速度,你可以尝试自己基于框架开发一款主题。

安装

HEXO 可以通过 NPM 安装,所以安装前请确定你本地拥有 Node.Js 环境。

详细的操作都可以通过 HEXO: https://hexo.io/ 查看文档

开始安装框架

npm install hexo-cli -g

等待这一步完成,在 https://hexo.io/themes/ 中选择你喜欢的主题

在 Github 中 Star 比较多的有 NexTyiliaicarusfluidButterfly,我在我的博客和这里都用 fluid 进行演示。

$ mkdir MyBlog/
$ cd MyBlog && npm install --save hexo-theme-fluid

安装完主题后在根目录中可以找到 _config.yml,这个是 HEXO框架 的配置文件,打开编辑该文件

theme: fluid #指定主题
language: zh-CN #指定语言
title: xxx #对应网站的Title
author: xxx #文章的默认作者
timezone: 'Asia/Shanghai' #规定时区
permalink: post/:title/ #这里是更多大佬推荐的方法,最终影响每篇文章的URL

攥写博客

新建博文

hexo new 'article-title'

在 HEXO 中,每一篇文章都由 Markdown 根据模板生成 HTML 页面。

在生成的每一个 Markdown 文件中,最上面的头部称为 Front-matter,可以根据 https://hexo.io/docs/front-matter 以及主题提供的自定义 Front-matter 自定义操作。

发布

多亏现在很多团队实现了 Action 式的发布,比如通过 VercelCloudflare

无论是 Vercel 还是 Cloudflare,发布最简单的方法新建 Github 仓库,然后把项目上传到仓库中。

Cloudflare 托管

通过 Github 身份登录,点击 Pages,同理导入 Github 仓库即可。

Vercel 托管

也是直接以 Github 账号登录,并且 New Project 再 Import 刚刚上传的仓库。

Vercel对比Cloudflare

在我入门博客的时候用的是 Vercel,比较遗憾的是其在国内没有 CDN 加速;Cloudflare 与百度有合作,拥有过国内 CDN,因此即使有时候抽风,但是速度依旧会比 Vercel 快一点。

其他

在部署完后你完全不需要管理托管服务器,每次有新的博文或者对博客进行样式改动,只需要把本地的仓库推送到 Github 即可。

posted @ 2021-03-16 20:48  DIO'  阅读(86)  评论(0编辑  收藏  举报