Hexo 博客绑定域名
前言
当我们在用 hexo 搭建了个人博客之后，用 username.github.io 访问难免有些奇怪，下面就花 3 分钟时间对如何绑定个人域名进行描述。
购买域名
我是在阿里云买的一个域名 tamsiree.com
当然也可以选一些 top 等比较便宜的域名，根据个人情况而定，购买完成之后需要进行 邮箱验证 和 实名认证。
开始绑定域名
等待实名认证通过后跳转到域名管理中，点击解析按钮
Github 库 IP 地址
我们可以通过 ping 仓管名的形式获取 Github 库的 ip 地址
域名的解析
然后我们点击右上角的新手引导，这里需要输入自己仓库所在的 ip 地址
解析完成
解析完成之后会返回解析结果
Github 库的配置
接下来到我们进入该仓库中 点击 setting 往下滑 会看到 custom domain 将自己购买的域名填写进去
Hexo 的配置
最后一步就是在我们的本地博客路径下的 source 文件夹里新建一个 CNAME 的文件， 里面输入我们的域名
然后执行命令 hexo d 重新部署 然后打开我们的域名 就可以访问啦
to be continued…
本博客所有文章除特别声明外，均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来源 Tamsiree！
- 微信
- 支付宝
相关推荐
2019-01-11
Hexo 音乐
前言 正所谓不愿研究的程序员不是好厨子，所以我想研究的点是给博客中插入音乐。 开始吧一阵搜索发现网易云音乐可以直接生成外链播放器，那就试试吧。 使用外链代码打开网易云音乐网页端，点击 生成外链播放器 即可生成外链代码 外链。 12<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=530 height=310 src="//music.163.com/outchain/player?type=0&id=2741090294&auto=0&height=430"\> </iframe> 显示效果： 正在高兴之余，发现有些歌单无法分享！ 提示： 由于版权保护，无法生成外链 使用 hexo 插件还是继续探索吧，在 Hexo 官网插件 中发现了好东西～ 发现了 hexo-tag-aplayer、hexo-ta...
2020-06-07
知乎卡片链接
正文模仿知乎的卡片式链接。改自 兰州小红鸡我为了每次少写一行 js 引用略作修改。 1234567891011121314151617181920function LinkCard(){ var LinkCards=document.querySelectorAll('.LinkCard'); if (LinkCards.length==0){ return; }else{ var LinkCard=LinkCards[0]; var title=LinkCard.innerText; var link=LinkCard.href; LinkCard.innerHTML="<style type='text/css'>.LinkCard,.LinkCard:hover{text-decoration:none;border:none!important;color:inherit!important}.LinkCard{positio...
2018-10-21
Hexo 自定义网页
前言Hexo 博客中所见文章都是经由渲染的静态网页，而静态网页的样式都直接由 Hexo 的主题控制，所以 Hexo 博客大部分都呈现出一种高度的统一化与规范化。不过 Hexo 提供了跳过渲染功能，使得我们可以直接在博客中放入自定义网页。比如在博客中放入图片、自定义 404.html 、自定义 About 页面等。 自定义网页网页可以是自己编写的，也可以是别人现成的源码。网页编写完成后，在 Hexo\source 目录下创建一个文件夹，文件夹名称任意，将 Html 文件放置于此文件夹，并重命名为 index.html 。 方法一在 html 文件中添加跳过渲染指令： 用编辑器打开 Hexo\source 创建的文件夹中的 index.html 文件，在开头添加如下代码即可 123--- layout: false --- 添加该指令后，执行 hexo g 命令时便会跳过该 index.html 文件，使得 index.html 不受当前 hexo 主题影响，完全是一个独立的网页。 如果网页引用了 css 或 js ，这些 css 和 js 必须使用外链。 如果引用图片，...
2019-10-18
Hexo 重新部署
前言因为折腾 Manjaro 的 NVIDIA 卡的驱动程序，导致系统只能显示 ttf 界面，只好重装系统，因此 Hexo 也需要重新部署。 正文首先安装依赖环境 安装 nodejs 1sudo pacman -S nodejs 安装 npm 1sudo pacman -S npm 生成 ssh 秘钥配置 git 个人信息和生成 ssh 密钥 123git config --global user.name "xxxxx"git config --global user.email "xxxxxx@xx.com"ssh-keygen -t rsa -C "xxxxxx@xx.com" 设置 Github 的 ssh 密钥因为篇幅较多，所以独立整理了一篇文章，请移步我的这篇文章 [设置 Github 的 ssh 密钥](https://tamsiree.com/TechnicalResearch/Git/Git/# 创建 SSH 秘钥) Git Clone Hexo from github如果 clone 失败或者 c...
2018-04-20
Hexo 问题归纳
hexo 版本更新之后，部分模块失效错误原因： hexo 版本更新之后，部分模块会因为新特性的改动而失效 解决方案： npm 全面更新所依赖的工具库即可 1npm update 执行命令 hexo server，提示：Usage: hexo …. 提示找不到该指令解决方法: 在 Hexo 3.0 后 server 被单独出来了，需要安装 server，安装的命令如下： 1npm install hexo-server –save 安装此 server 后再试，问题解决。 执行：hexo server，启动了服务，在浏览器输入本地地址访问，看到白板和 Cannot GET / 几个字原因是由于 2.6 以后就更新了，我们需要手动配置些东西，我们需要输入下面三行命令： 12345npm install hexo-renderer-ejs --savenpm install hexo-renderer-stylus --savenpm install hexo-renderer-marked --save 这时候重新启动本地服务在访问。或者： 在空文件夹下...
2018-10-25
Hexo 博客美化
添加卡通人物（看板娘）我在逛别人博客的时候偶然发现右下角居然有一个萌萌的卡通人物，还能根据你鼠标位置摇头，瞬间被吸引到了，赶紧也给自己博客添加一个吧！点击此处进入该项目地址 输入如下命令获取 live2d ： 1$ npm install --save hexo-helper-live2d 输入以下命令，下载相应的模型，将 packagename 更换成模型名称即可，更多模型选择请点击此处，各个模型的预览请访问原作者的博客 1$ npm install packagename 打开站点目录下的 _config.yml 文件，添加如下代码： 1234567891011live2d: enable: true scriptFrom: local model: use: live2d-widget-model-haruto # 模型选择 display: position: right # 模型位置 width: 150 # 模型宽度 height: 300 # 模型高度 mobile: show: false # 是否在手机端...
评论