type
status
date
slug
summary
tags
category
icon
password

前言:

在搭建博客的过程中,我尝试过好几种办法。一开始是用云服务器结合WordPress进行搭建,但是在寻找主题时就放弃了,因为我个人觉得WordPress的主题相对单调。之后,选择的是办法使用Hexo+GitHub的建站方式,这种方式持续了一年。之后由于图片出现盗链以及觉得将md文档上传到GitHub很麻烦,最终我选择了Notion来搭建博客。由于在使用WordPress搭建博客时没有养成写笔记的习惯,因此本文将主要分享Hexo+GitHub和Notion两种搭建博客的方式。
tips:搭建网站最好有自己的域名,当然Hexo+GitHub模式下搭建博客GitHub会提供一个账户名.github.io 的域名,notion也提供了一个用户自定义.notion.site的域名。

一、使用Hexo+GitHub进行博客搭建:

首先放一下最后搭建出来的效果图:
notion image
notion image
hexo是一款基于Node.js的静态博客框架,简单来说hexo+GitHub搭建博客的原理就是利用hexo在本地生成网站的具体代码,然后上传到github,访问github提供的域名即可看到自己搭建的博客。利用hexo搭建博客可以玩出很多花哨的操作,而且hexo有着丰富的主题可供选择,其中大部分主题都可以根据访问的设备进行对应的界面显示这点是最吸引我的。

1.基本工具与环境搭建:

  1. Node.js和Git:
    1. 搭建博客之前需要先安装基本工具与环境,首先是安装Node.js这个官网就可以安装,建议下载后缀为msi的安装程序,因为它可以自动添加环境变量,然后就是Git(分布式版本控制系统)用于上传博客到GitHub。
      环境配置教程
      验证安装的方式:
      notion image
  1. 安装hexo:
    1. 进入cmd,运行代码:
      notion image
      验证安装:
      notion image
tips:在之后写博客文章的时候使用的文件格式为markdown,所以还需要下载一个markdown编辑器,这里推荐使用Typora

2.建立GitHub仓库:

这一步就是在自己的GitHub中新建一个项目用以存储网站数据,登陆GitHub账号后如下图,点击新建:(也可以选择右上角左边的加号按钮选择New repositories)
notion image
进入新建仓库页面后设置以下参数:
仓库名:账户名加github.io,等之后网站搭建好便可以以此作为域名在网络上访问比如我的仓库名为damowang-cxx.github.io,所以可以使用https://damowang-cxx.github.io来访问搭建的博客网站。(这里需要注意的是这里的仓库名必须用自己的账户名)
notion image
建立一个阅读文件
notion image
Description:可填可不填
选择Creating repository按钮以建立:
notion image
成功后:
notion image

3.生成本地博客文件:

选择一个空文件夹来存放网站代码。在空文件夹中右击选择Git Bash Here
notion image
在弹出的Git命令行中做如下操作:
  1. 生成页面:
    1. 初始化hexo博客
      1. notion image
    2. 启动服务,验证
      1. notion image
        使用浏览器访问网站http://localhost:4000/以测试效果
    3. 生成

    4.发布博客到互联网:

    1. 打开存放网站代码的文件夹中找到文件_config.yml并打开:
      1. 更改里面的deploy内容
        notion image
        type改成git
        加上respository地址为(这里所有变量后面跟参数时记得加一个空格)
        notion image
        notion image
    1. 然后在博客文件下右击git bash here
      1. 安装工具:
        notion image
    1. 生成页面:
      1. notion image
    1. 在GitHub的仓库中生成ssh令牌(在该项目中选择setting)
      1. notion image
        选择Personal access tokens
        notion image
        notion image
        有效期限为30天
        notion image
        下面是令牌的权限,直接全部选上,然后生成令牌:
        notion image
    1. 然后复制tokens:
      1. notion image
    1. 上传页面到Github:
      1. 第一次上传会弹出GitHub连接界面,在弹出的登陆界面中使用tokens登陆粘贴前面生成的令牌即可。
        notion image
        notion image
    至此基本的博客框架就搭建好了,之后的博客写作可以阅读hexo的官方文档:
    关于我自己在博客搭建中遇到的问题,以及对博客的美化,记录在下面的文章中:

    二、利用Notion搭建博客的方案:

    Notion是一款多功能的笔记、项目管理、文档协作工具,本身提供了笔记共享功能。其中我觉得最具特色的是Notion的块功能,它让notion具有了更多的可能性。
    基于Notion我做过两版博客,拖notion提供的目前两边都在

    1.第一版博客:

    第一版博客完全使用notion建立,大致思路为共享需要作为博客的页面,然后通过cloudflare实现域名与notion页面的映射,这一版的最大的优点就是方便,拜托了其他复杂的上传操作,缺点:颜色单一,可玩性相比hexo要低。
    1. 域名绑定:
      1. 这里需要购买一个域名,购买的地方:腾讯云,阿里云啥的都可以
        然后就是在自己notion中选一个page进行共享。将你共享page的网址放到Cloudflare和购买的域名做一个映射(Cloudflare我个人理解为一个对个人网站进行管理的东西,可以做一些CDN和对一些网络攻击的防御,它还可以查看你网站的一个访问量)
        具体操作如下:
        tips:这里我因为想用自己的域名所以选择的这一套方案,如果你对域名没有要求可以考虑直接使用notion提供的自定义域名功能或使用super来建站(这两种方法使用的域名都只是部分自定义),SUPER建站的优点是会帮你做一个缓存以提高网站的访问速度,而且可以优化网站的访问链接,免费版的也够用。
    1. 侧边栏实现方案:
      1. 我主页里的侧边栏同步效果是用notion的Synced block实现的。
        notion image
        具体操作可以看这个视频:
    1. 路径显示实现方案:
      1. 这里可以利用notion的breadcrumb
        notion image

    2.第二版博客:

    Notion Next:
    博客演示:传送门
    这个方法属于是将notion和hexo融合在了一起,操作简单,几分钟就可以部署好。优点:简单易上手,相比之前的完全用notion做出来的博客更加具有可玩性。

    三、让搜索引擎收录博客:

    虽然绑定完域名后我们的博客就可以在网上访问到了,但这是基于知道具体网址的情况下。当你使用搜索引擎时依然无法搜索到你的博客,这是因为你的博客并没有被各大搜索引擎所收录。这里先简单介绍一下关于搜索引擎的收录规则:
    首先搜索引擎会利用爬虫爬取搜索引擎还未收录的网站,然后对这些网站本身的质量以及内容的创新度进行判断(因为对于搜索引擎而言并不需要一些重复或无用的文章),之后合格的网站会被收录进该搜索引擎。
    弄清楚原理就可以清晰的知道我们能做的是什么,首先就是将网站提交到各大搜索引擎中,然后就是确保文章的质量过关。
    具体的提交方法这里用Google举例:
    访问页面:google search console
    登录Google账号后,如下图选择右边的网址前缀,输入你的域名后点击继续:
    notion image
    这里需要验证网址的所有权,我这里选择的是DNS验证:
    notion image
    验证通过后点击前往资源页面,之后点击网址检查,可以查看自己的网址有没有被搜索引擎收录。
    notion image

    1.向搜索引擎提交站点地图:

    在右边栏选择站点地图,可以将博客所有的页面提交给搜索引擎,站点地图的文件名一般为sitemap.xml ,将其输入至下图位置,点击提交。
    notion image
    如果出现下图这样状态处于成功即可。
    notion image

    2.单个网址的提交:

    上面这个办法就是一次性提交自己站点的所有地址,而如果只想提交博客中的某篇文章可以选择,左边栏的网址检查
    notion image
    输入你需要提交的网址,然后点击右下角的请求编入索引
    notion image
    等待一两分钟后会弹出人机验证界面,验证完后弹出下面窗口就算提交成功了:
    notion image
    bing的提交网址:
    记录一些在线网站低功耗蓝牙协议浅析