博客机制介绍和流程
奶茶鸭TeaDuck

博客的机制介绍和使用流程

1.1 这个博客的机制

一句话概括:部署在GITHUB上,利用HEXO框架,采用MATERY主题的GITHUBPAGE


1.1.0 GITHUB和GITHUBPAGES

博客是利用GITHUB提供的GITHUBPAGES功能,在GITHUB上面部署的。

也就是说,所有网页和超链接是存放在GITHUB的Repository里面,通过GitHubpages提供的服务和域名实现网站功能。

1.1.1 HEXO

有了这个容器和域名,我们怎么生成网页呢?一个一个弄是没有效率的,在这里我用了HEXO提供的博客框架

简而言之,HEXO是一个静态网页的生成器,我只需要负责写文章,之后HEXO能够把我的文章按照它的博客框架(HEXO的设计)给我构建出一系列静态网页。然后组合起来,从而生成一整套博客网页。

1.1.2 Matery主题

HEXO提供的框架下,我可以选择不同的主题来进行 美化我的页面和安装不同的神奇插件。通过十分钟左右的筛选,我选择了看起来非常炫酷和骚气的Matery主题。

事实上一个博客并不需要太多骚气的功能,而且这种瞎几把乱搞会使得你把大量时间花在增加新功能和维护上,反而丧失创建博客的本质。

1.2 博客的搭建

为了不再走之前的ninomiyahaneda.github.io的老路,在多年未维护后忘记搭建方法从头学起浪费自己的时间,这里写出一个自己能够理解的快速博客搭建方法。

  • 注册一个GITHUB账号

  • 在GITHUB上建立一个REPOSITORY取名是/“用户名.github.io/“

  • 找一个JEYKELL的博客框架快速FORK一下,改改config.yml(接下来看教程)

  • HEXO的情况下,还是比较麻烦的,但是官方说明也OK

    博客框架就是提供博客框架,理解一下就行了,最简单的是直接用原生GITHUBpages发文章,官方教程也很详细。

  • 把文章扔POST文件夹里,OK,你把博客弄完了

  • 修饰1:把网站名字,LOGO等改掉

  • 修饰2:把图都替换掉或者删除

  • 修饰3:“关于”页面跟“简历”页面需要着重替换

基本这样子的教程吧,主要是我现在才花几天搭建好,具体有什么要注意的一时间也难以说清。

几个技术难点:

1.安装HEXO需要电脑有NODE.JS和GIT两个东西

2.使用HEXO需要(在GIT上)用类CMD的命令行形式进行各种操作

3.将HEXO生成的网页发到GITHUB上目前的做法是通过SSH链接,也就是说,第一次需要在GITHUB上配置SSH,然后在HEXO上登陆

4.HEXO的目录结构上,最重要的是/source/_post,这里存放了所有文章。

5.在修改上,HEXO主题跟HEXO框架本身各有一个config.yml,里面控制的是不同的内容。

目前的使用流程

在电脑本地的网页文件夹上(我的情况下是D:/AIGUOARTIST)右键GITBASH打开命令行,接着有以下操作:

新建一个文章

hexo new 文件名称

用这个方式的原因:可以保证FONTMATTER格式是正确的,即标签TAG跟分类CATEGORY这些东西事先布置好了,不用每次都加工

####生成网页

hexo g

将刚刚写好的文章变成一个网页

清理生成的网页

hexo clean

有时候生成网页前需要清空之前生成的全部网页(这些并不会影响文章)建议大改网页,加新插件和换新主题后都用一遍再重新生成网页

查看网页效果

hexo s

这个会在本地开一个端口给你形成预览效果让你看看网页长什么样。这个功能的意义在于,你不需要把自己的博客发到网上也能用浏览器观赏博客。你可以创建一个私密的不发布到网上的博客来梳理自己的信息。

当然了,主要的用法是调试自己改主题时的短期预览

发布网页

hexo d

将自己刚刚生成的网页发布到GITHUB上(SSH连接好的情况下)

一个注意点是,HEXO并不是发布了全部的内容,而只是必要的,这起到了一个保护源代码(和其他东东)的作用。比如我设定的访问密码等等

  • 本文标题:博客机制介绍和流程
  • 本文作者:奶茶鸭TeaDuck
  • 创建时间:2020-04-30 00:13:24
  • 本文链接:https://naichaduck.github.io/post/1e4bfc36.html
  • 版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!
 评论