Yvon Shong

人生应当如盛夏🔆

  • 主页
  • 技术
  • 随笔
所有文章 关于我 友链

Yvon Shong

人生应当如盛夏🔆

  • 主页
  • 技术
  • 随笔

Hello world on Hexo, my new personal blog.

2017-02-18

利用 Hexo 在 Github Pages 上搭建个人博客

之前在腾讯云校园活动里购买了个一年 .cn 域名,于是用上了一阵子的腾讯云,用 wordpress 搭了个博客,可是腾讯云经常宕机需要跑到后台去重启(是的我就是那么简单粗暴😂),一年到头也没宣传也没分享没更什么文章,前几天觉得 Github 能直接给每个仓库开 Github Pages,觉得太有用了,脑子一热,又打算重新搭博客了。 挑来挑去,最后买了 shong.win 十年域名,win 可以理解为微软粉嘛,这篇文章主要分享下搭博客的过程。

域名

在这里根据续费查询域名商以及挑选后缀 在这里找到续费域名最便宜的域名商 最后选择了在西部数码

子域名

在域名管理处增加 url 跳转,比如 blog.shong.win 跳转到 www.shong.win/blog 这样就实现了子域名。

邮箱

有了域名就可以作邮箱, .win 域名由于不太常见,腾讯企业邮箱不支持(2020年注:目前已支持),所幸的是网易域名邮箱支持163域名邮箱。并在域名管理处增加 MX 记录,起效后便能使用邮箱了。

Github Page

Github Page 是 Github 自带的功能,能够直接给仓库开展示页面,网址是 username.github.io/reponame 在 Github 中创建 username.github.io 仓库,然后便能开启 Pages 功能,我们在这个仓库下添加一个名为 CNAME 无后缀的文件,内容是购买的域名,并在域名管理处增加记录,www 的 CNAME 记录,指向 Pages 仓库。然后便能使域名跳转到 Pages 仓库的页面了。

Hexo

由于在 Pages 仓库里面自己写每个 web 的话太麻烦了,我们利用在本地 nodejs 环境下搭建 hexo,hexo 会自动将其环境下指定的 markdown 文件渲染成博客文章。自带首页,查询等一系列功能。详情请参见网上别人写的更详细的中文教程

Themes

然后我们给 hexo 更换主题,主题的配置也十分简单,参见文档 hexo.io/zh-cn/docs/themes.html

我使用的是 hexo-theme-yilia

Plugin

hexo 可以使用很多插件,并且内置了多说(让游客可以登录社交媒体账户对你的博文进行评论)配置文档 也可以使用七牛同步你的照片和文件,减少对 Github 仓库的占用,配置 hexo-qiniu-sync

接下来就可以愉快写博客啦!

Create a new post

1
$ hexo new [layout] <title>

More info: Writing

Sync Pic with qiniu

七牛指定了 /static/image/ 这个文件为同步文件夹。

在文章中引用照片可以者直接利用七牛给的网址前缀,文章中直接在图片地址的前面加七牛前缀。

1
![](http://personalname.bkt.clouddn.com/static/image/folder/filename.jpg)

Run server

1
hexo s

Generate static files

1
hexo g

Deploy to remote sites

1
hexo d

个人觉得这个博客的好处

搭完网站后,我便将自己以前在自己开的微信公众号啊,豆瓣啊,知乎专栏啊,空间啊什么四处写的文章都迁移过来了,毕竟自己掌控的东西更能自主一点。 - 首先是支持直接将 Markdown 渲染成 web。 - 自己写的博客,能够在发布后随时更改错别字。 - 可以迁移之前写的文章。 - hexo丰富的插件,能够有多说的评论,主题自带的打赏功能,搜索功能,tag,categories 等功能。

下一阶段

接下来想尝试hexo的其他插件,并利用 coding 试一试 coding 的功能,比如 web IDE,增加 coding.yvonshong.com 后面可以再尝试在 Microsoft Azure 上搭建 ss(之前一直失败。。。),就能充分利用子域名指向 ip 实现各种功能啦!

赏

人民币版的赞

微信
  • hexo
  • tech

扫一扫,分享到微信

微信分享二维码
Hexo 利用 AppVeyor 持续集成
2016 年 MSP 的创新之旅
  1. 1. 域名
    1. 1.1. 子域名
  2. 2. 邮箱
  3. 3. Github Page
  4. 4. Hexo
    1. 4.1. Themes
    2. 4.2. Plugin
    3. 4.3. Create a new post
    4. 4.4. Sync Pic with qiniu
    5. 4.5. Run server
    6. 4.6. Generate static files
    7. 4.7. Deploy to remote sites
  5. 5. 个人觉得这个博客的好处
  6. 6. 下一阶段
© 2025 Yvon Shong
Hexo Theme Yilia by Litten
  • 所有文章
  • 关于我
  • 友链

tag:

  • event
  • matlab
  • obsidian
  • onedrive
  • zotero
  • hexo
  • web
  • openwrt
  • IME
  • photograph
  • cdqz
  • slam
  • sensor
  • gps
  • gnss
  • lidar
  • radar
  • camera
  • photography

    缺失模块。
    1、请确保node版本大于6.2
    2、在博客根目录(注意不是yilia根目录)执行以下命令:
    npm i hexo-generator-json-content --save

    3、在根目录_config.yml里添加配置:

      jsonContent:
        meta: false
        pages: false
        posts:
          title: true
          date: true
          path: true
          text: false
          raw: false
          content: false
          slug: false
          updated: false
          comments: false
          link: false
          permalink: false
          excerpt: false
          categories: false
          tags: true
    

  • 输入法杂谈

    2023-06-15

    #IME

  • 我们把往事的记忆幻化成光影纸质想使之永垂不朽

    2023-06-07

    #cdqz

  • PDF 文献库解决方案——Zotero

    2023-05-29

    #onedrive#zotero

  • 从零开始 NanoPi R2S

    2023-05-16

    #openwrt

  • 聚焦激光雷达(五)——处理器

    2023-05-11

    #sensor#lidar

  • 观星指南

    2023-05-07

    #photograph

  • 聚焦激光雷达(四)——光学系统

    2023-04-19

    #sensor#lidar

  • 聚焦激光雷达(三)——接收器

    2023-04-01

    #sensor#lidar

  • 聚焦激光雷达(二)——激光器

    2023-03-28

    #sensor#lidar

  • 欧拉角、四元数、旋转矩阵、旋转向量的相互转换(C++、python)

    2023-03-23

    #slam

  • 聚焦激光雷达(一)——扫描器

    2023-03-12

    #sensor#lidar

  • Get started with Obsidian

    2022-01-28

    #obsidian#onedrive

  • 当时的月亮

    2022-01-01

  • 键盘摄影(十)——滤镜的种类和作用

    2021-09-21

    #sensor#camera#photography

  • 走进自动驾驶传感器(三)——卫星导航系统

    2021-09-21

    #sensor#gps#gnss

  • 与世界连接

    2021-02-21

  • 走进自动驾驶传感器(二)——毫米波雷达

    2021-01-24

    #sensor#radar

  • 计算摄影——“看得见”的未来

    2020-10-19

    #camera

  • 键盘摄影(九)——光学像差

    2020-10-09

    #sensor#camera#photography

  • 键盘摄影(八)——相机结构和卡口

    2020-10-08

    #sensor#camera#photography

  • 键盘摄影(七)——深入理解图像信号处理器 ISP

    2020-06-11

    #sensor#camera#photography

  • 键盘摄影(六)——相机成像模型

    2020-05-22

    #sensor#camera#photography

  • 键盘摄影(五)——相机成像元件:CMOS/CCD

    2020-05-12

    #sensor#camera#photography

  • 键盘摄影(四)——相机成像元件:胶片与彩色暗房

    2020-05-10

    #sensor#camera#photography

  • 走进自动驾驶传感器(一)——激光雷达

    2020-05-09

    #sensor#lidar

  • 键盘摄影(三)——等效焦距和等效光圈

    2020-05-09

    #sensor#camera#photography

  • 键盘摄影(二)——曝光三要素

    2020-05-07

    #sensor#camera#photography

  • 键盘摄影(一)——相机成像基本元件

    2020-05-06

    #sensor#camera#photography

  • 于是我便战胜了这寂寞的命运

    2020-01-26

  • 见过花火

    2019-02-08

  • 充实人生的常态是成长的阵痛

    2018-06-17

  • 当我们约会时我们会玩什么

    2017-10-22

    #event

  • 富士山下/爱情转移/春夏秋冬

    2017-03-12

  • Hexo 进阶与优化

    2017-02-20

    #hexo

  • Hexo 利用 AppVeyor 持续集成

    2017-02-20

    #hexo

  • Hello world on Hexo, my new personal blog.

    2017-02-18

    #hexo

  • 2016 年 MSP 的创新之旅

    2017-01-24

  • 在世界中心呼唤爱的野兽

    2017-01-02

  • 那么多的人,你要去哪里

    2016-09-19

  • 窗外日光弹指过·席间花影坐前移

    2016-08-25

  • Hospital Website based on VUE.js+PHP+MySQL

    2016-08-01

    #web

  • MatlabLens

    2016-06-11

    #matlab

  • 深入理解卷积

    2016-04-13

    #matlab

  • 深入理解快速傅里叶变换

    2016-04-09

    #matlab

  • 兰因絮果

    2016-02-25

  • 随轻轨呼啸而过的夏天 -- 记重庆社会实践之消失的棒棒

    2015-08-31

  • 一个人活

    2014-08-30

  • 我所领略的禅与佛光因缘

    2014-07-30

  • 写在前路未知时·爱在心口难开

    2014-05-24

  • 后高考时代

    2013-10-13

  • 青春荒唐我不负你

    2013-06-11

  • 我不怕千万人阻挡

    2012-08-24

  • 西西弗续

    2012-08-17

  • 玫瑰色

    2012-04-30

  • 17

    2012-04-11

  • 光年外自我拉扯

    2012-03-25

  • 像不变星空陪着我

    2011-12-31

  • 转头一切成苍茫

    2011-10-29

  • 却是因为爱太轻

    2011-08-29

  • 一样的夏了夏天

    2011-06-12

  • 知乎专栏 | 自律走行
  • 禾赛科技 | Hesai Tech
  • 图森未来 | TuSimple
  • 早稻田大学 | Waseda University
  • 东南大学 | Southeast University
  • 成都七中 | Chengdu No.7 Middle High School
  • 泡泡机器人 | PaoPaoRobot
  • 微软校园精英 | Microsoft Student Partner
自动驾驶从业者🤖 | Hesai Tech
早稻田修士🌸 | Waseda University
vlogger🎥 | B站id yvonshong
少年热忱🙋🏻‍♂️