Catalog
  1. 1. 随笔
  2. 2. 关于Hexo搭建博客的心得与搭建笔记
  3. 3. 新建文章
  4. 4. 草稿箱
  5. 5. 发布草稿
  6. 6. 新建页面
关于Hexo搭建博客的心得与搭建笔记

随笔

因为考虑到hexo的generate速度,博客越多会导致部署速度越来越慢,后续可以使用Hugo进行优化,最开始搭的博客也非常难看,现在小学期开始,记录下自己成长的历程。虽然很多时候并没有养成一个记笔记、写博客的习惯,可能我更喜欢看到教程就立刻去做,并且享受做完之后的成就感,所以很难一边去截图一边去写笔记。

关于Hexo搭建博客的心得与搭建笔记

Tips:因为网上已经有了很详细的官方文档与教程,所以省去了很多没有必要的截图,仅作为个人记录日后查看。

  1. hexo是一个快速, 简洁且高效的博客框架. 让上百个页面在几秒内瞬间完成渲染(这些美化装饰网页的做法就称之为渲染). Hexo支持Github Flavored Markdown的所有功能, 甚至可以整合Octopress的大多数插件. 并自己也拥有强大的插件系统。

  2. hexo基于node.js,通过npm安装,npm 是 Node.js 平台的默认包管理工具,有了NPM,可以很快的找到特定服务要使用的包,进行下载、安装以及管理已经安装的包。

  3. 通过git bush 进行上传、编辑、部署等功能。

  4. 在GitHub上的Github Pages服务可以给我们提供一个静态网页的托管,以便远程浏览我们的博客内容。Github Pages是给开发者建立的私人页面,免费且没有空间流量限制。每个github账号都可以创建一个Github Pages项目,项目的名称必须是username.github.io

  5. 通过ssh将GitHub和Hexo进行连接

1
2
$ git config --global user.name "###"
$ git config --global user.email "###" #初次设置git的邮箱和密码

查看用户密码

1
2
$ git config  --global user.name
$ git config --global user.e-mail

查看本机是否有ssh key

1
$ ls -al ~/.ssh

没有时生成

1
2
3
4
5
6
7
$ ssh-keygen -t rsa -C “###” 

#SSH 为 Secure Shell 的缩写,提供两种口令或密钥两种验证,ssh-keygen为密钥验证
参数说明
#-t rsa 指定密钥类型,可用DSA或RSA两种加密算法
#-b 密钥长度
#-C “ ”提供注释识别密钥,很多人填邮箱

将公钥copy到github 的ssh keys中

测试连接github,注意这里的T要大写

1
$ ssh -T [email protected]

在hexo blog项目根目录下里找到_config.yml文件,找到deploy

进行修改

  1. hexo的使用

    1
    2
    3
    4
    5
    $ hexo init   #初始化
    $ hexo g #生成
    $ hexo s #启动服务
    $ hexo d #部署
    $ hexo clean #

    初始化结构如下

    .
    ├── _config.yml 网站配置信息
    ├── package.json 应用程序信息
    ├── scaffolds 模板,新建的文章文件中默认填充的内容
    ├── source 存放用户资源
    ├ ├── _drafts
    ├ └── _posts
    └── themes

  2. 可以通过一些主题对博客进行美化,以及添加其他功能,如站点统计等。

  3. 购买域名

    购买域名后,进入阿里云的管理控制台-域名与网站-域名就可以看到购买的域名此时的域名状态是未实名认证的,

  4. 实名认证
    3.域名解析
    通过 DNS域名解析将购买的域名指向 github 的二级域名:bbxren.github.io,进入阿里云的管理控制台-域名与网站-云解析 DNS,进入域名的解析设置,点击确定就 OK 了。填完以后的解析列表会出现:

,在这里为了方便选择了CNAME型而不是A,记录值就是自己 github 的二级域名。

设置CNAME
在 hexo 项目下,source 文件夹下面创建 CNAME 文件(没有后缀名的),在里面写上购买的域名。

在 github 上面,打开bbxren.github.io 项目的(Settings)设置,然后在 GitHub Pages的 Custom domain设置里填上购买的域名,不用添加 http://

配置完成,等待后就可以访问了。

新建文章

在hexo所在目录下,打开terminal,在命令行输入:

hexo new a

a是文章标题,也可以加上双引号,如“a”。
通过这行命令,我们新建出来了一个page,而且是一个post page,page还有其他种,稍后我们会提到。
正确的结果:我们会在_posts里看见多了一个a.md文件。

草稿箱

上一步我们新建出来的,叫做post page。除了post page,我们还可以新建draft page,也就是草稿。很多时候我们需要先写成草稿,而暂时不发布出去。draft page就可以满足我们的要求,我们的网站上是看不到草稿文件的。

在terminal输入

hexo new draft b

我们会在source下看见一个新的文件夹,_drafts,这个里面会装我们所有的草稿文件。

写好了的草稿,可以在不发布的情况下,预览一下文章在网站上的样子呢?

hexo server –draft

们就可以预览草稿文件啦

发布草稿

当你准备好了要发布草稿时:

hexo publish b

你会发现_drafts里的b.md不见了,跑到了_posts里面,也就说明你的草稿发布成功了。

新建页面

类似一个网站上的“关于”,“了解我们”之类的页面。

hexo new page c

和前两种不同,这个命令会在source文件夹内创建出c文件夹,与_posts,_drafts并列。文件夹里面有一个index.md文件。

在网址后面加上c/, 即http://localhost:4000/c/,就可以看到了。

Author: Bbxren
Link: http://bbxren.site/2020/09/04/博客/hexo/
Copyright Notice: All articles in this blog are licensed under CC BY-NC-SA 4.0 unless stating additionally.
Donate
  • 微信
  • 支付寶

Comment