基于 Hexo + GitHub Pages + Aliyun domain name 搭建个人博客 - Githubissues

xinbaihui / Blog

web front end

1 stars 0 forks source link

基于 Hexo + GitHub Pages + Aliyun domain name 搭建个人博客 #7

Open xinbaihui opened 5 years ago

xinbaihui commented 5 years ago

原理：GitHub Pages 可以基于 GitHub 仓库展示个人或者组织页面。访问域名是 http://xxx.github.io, 其中 xxx 是 GitHub 账户名，这个域名辨识度不高，因此可以申请个人域名，通过配置实现通过个人域名访问 GitHub Pages。Hexo 是一个博客框架，可以方便的生成静态页面托管在 GitHub 上。Hexo 可以定制不同的主题，显示博客目录等，让博客更易于检索。

搭建步骤：

申请个人网站域名
GitHub 创建个人仓库
安装 Hexo
绑定域名
发布博客
寻找图床

申请个人网站域名

申请域名的地方很多，我选择了阿里云，可以支付宝登录、支付，比较方便。我申请了域名：baihui.xin。

GitHub 创建个人仓库

GitHub Pages is designed to host your personal, organization, or project pages from a GitHub repository.

在 github 上新建 repository 取名 xxx.github.io, xxx 是 github 的账户名（我的是xinbaihui）。然后这个仓库的内容就可以通过 http://xinbaihui.github.io 访问了。

Hexo

Hexo 是一款基于 Node.js 的静态博客框架，可以方便的生成静态网页托管在 Github 和 Heroku 上，且依赖少易于安装使用。此处选择的托管服务器是 Github。

安装 Git：博客是托管在 GitHub 上的，需要使用 Git 来推送文件
安装 Node.js： Hexo 基于 Node.js, 且需要使用 npm 来安装 Hexo
安装 Hexo: npm install -g hexo-cli

生成博客并本地查看

hexo init Blog // 初始化博客: 创建了文件夹 Blog
cd Blog
hexo new test_xbh // 新建博客, 在 source/_posts 下新增了 test_xbh.md 文件
hexo g   // generate 生成博客， 每次改动都要生成下才能更新
hexo s --port 9000 // server 启动服务预览. 访问localhost:9000, 就看到有两篇博客了

绑定域名

GirHub 提供的域名不够有辨识度，绑定上申请的个人域名就逼格满满了...

用支付宝账户登录到阿里云，进入管理控制台的域名列表，找到你买的域名，进入[解析]
添加解析

其中 ip 是 GitHub 的地址，可以通过 ping xxx.github.io 得到

登录 GitHub 进入 xxx.github.io 仓库： xinbaihui.github.io -- Settings -- Custom domain 配置域名： www.baihui.xin
进入本地博客文件夹，进入blog/source目录下，创建文件CNAME（没有后缀），输入你的域名。如果带有www，那么以后访问的时候必须带有www完整的域名才可以访问，但如果不带有www，以后访问的时候带不带www都可以访问，推荐不带。

然后可以通过个人域名访问博客了

发布博客

将本地博客发布到线上将 Hexo 与 GitHub 关联起来，打开站点配置文件_config.yml, 拉到最后修改为：

deploy:
  type: git
  repo: https://github.com/xinbaihui/xinbaihui.github.io.git
  branch: master

其实就是告知 Hexo 把博客部署到哪个位置

hexo clean 
hexo g 
hexo d  // deploy, 部署

访问个人网站，新加或者修改的博客已经部署到线上了。

Hexo 更换主题

Hexo 默认主题是 landscape，若想更换主题，可以到 Hexo 主题去找喜欢的主题。每一个主题都有对应网站可以预览，并且都有 Github 地址，我们可以照着 Github 的 wiki 就可以安装了，过程都比较简单。

图床

微博图床不能用了
又拍云：域名要备案（gmail, XFY)
七牛云：公司屏蔽了
路过图床（gmail，Baihui， XFY): 可以用，支持免注册上传图片，永久存储，支持HTTPS加密访问和调用图片，提供多种图片链接格式，最大支持10M

检索

TODO

参考