hexo博客使用二级域名

前言

作为一个程序员怎么能没有自己专属的个人博客呢,刚好最近了解了hexo+githubpages搭建个人博客的帖子,于是利用周末成功搭建了自己的个人博客。很多关于hexo的优化配置,网上有很多教程,在这里并不赘述。在这篇文章里介绍一下网上教程很少或者说描述很模糊的一个配置。 效果看下我的个人主页 www.forlangel.com


hexo自定义主页并且使用二级域名

关于hexo自定主页的教程网上可以搜素,讲的很详细,我参照教程成功实现了自定义主页的配置。主页参考了 ochukai.me,这里主要谈一下如何使用blog.xxxx.com作为你博客主页的域名。


  1. 先将你的一级域名解析到你的自定义主页
    到你的域名提供商那里添加一条域名解析记录,这里我使用的腾讯云,
    一级域名解析
    记得记录类型为CNAME不然github会给你发警告邮件,很烦。记录值填写你自定义主页的github pages地址。

  2. 在github你自定义主页所在的repository的根目录中添加CNAME文件,内容为你的一级域名例如我的就是 www.forlangel.com。填好之后试着访问一下,访问成功那么进行下一步。

  3. 添加二级域名的解析记录,如下图所示:
    二级域名解析
    这里切记记录值与你自定义主页的记录值相同,不然会解析失败。
  4. 然后在你存放博客文件的repository的根目录增加CNAME文件,内容为你的二级域名的地址,例如我的就是 blog.forlangel.com。在这里需要注意下,要将CNAME放在hexo根目录的source目录下,否则无法上传到github上。
  5. 做完上面几步并不能使我们从自定义主页跳转到博客,接着在hexo根目录下的_config.yml文件中找到url地址的记录,例如我是这样填写的:
url: https://blog.forlangel.com
root: /
  1. 最后在自定义主页中添加一个链接跳转到你的博客,例如我的:
<a class="head-nav__link" href="http://blog.forlangel.com/">进入博客</a></li>

好了基本这样设置就大功告成了,如果出现什么问题,请随时在下方留言或者加我QQ联系
我的QQ是491698317记得备注hexo。

特别鸣谢 svend可以访问他的主页svend.cc

<think>好的,我需要处理用户关于Hexo博客搭建与美化的请求。首先,用户提供了几个引用链接,我需要仔细查看这些引用内容,确保回答准确。根据引用1,用户提到了基本的网页搭建步骤,以及后续的美化和优化,还有简洁版的文章篇。引用2和3涉及部署到Gitee和阿里云服务器的问题,可能需要注意域名解析和服务器配置。引用4提到了子目录部署和主题配置,特别是Next主题的设置。 用户的问题是关于Hexo博客的搭建与美化教程,所以应该分步骤来解答。第一步是搭建基础博客,这包括安装Node.js、Git、Hexo初始化等。需要确保这些步骤正确,并参考引用中的信息,比如部署到Gitee的部分。第二步是主题选择与美化,这里要提到Next主题的配置,根据引用4中的路径修改_config.yml文件。第三步是优化与部署,引用1提到美化和优化,可能需要讨论压缩资源、SEO优化等。同时,引用3中的域名问题也需要涵盖,比如公网IP和域名的绑定。 在生成相关问题时,需要考虑用户可能遇到的后续问题,比如主题更换、部署问题、SEO优化等。需要确保每个步骤都清晰,并正确引用提供的资料。另外,注意使用中文回答,避免使用任何Markdown格式,数学公式用$...$包裹,但这里可能用不上。最后,确保回答结构清晰,分步骤说明,让用户容易跟随。</think>### Hexo 博客搭建与美化教程 #### 一、基础搭建步骤 1. **环境安装** - 安装 Node.js(用于运行 Hexo)和 Git(用于版本控制)[^3]。 - 通过命令行安装 Hexo: ```bash npm install -g hexo-cli ``` 2. **初始化博客** - 创建项目目录并初始化: ```bash hexo init myblog cd myblog npm install ``` - 本地预览: ```bash hexo s ``` 访问 `http://localhost:4000` 查看默认页面。 3. **部署到远程平台** - 以 Gitee 为例,配置 `_config.yml` 文件: ```yaml deploy: type: git repo: https://gitee.com/yourusername/yourrepo.git branch: master ``` - 安装部署插件并推送: ```bash npm install hexo-deployer-git --save hexo clean && hexo deploy ``` #### 二、主题选择与美化 1. **更换主题** - 下载主题(以 Next 为例): ```bash git clone https://github.com/theme-next/hexo-theme-next themes/next ``` - 修改 `_config.yml` 中的主题配置: ```yaml theme: next ``` 主题配置文件路径:`themes/next/_config.yml`[^4]。 2. **自定义样式** - **字体与颜色**:在主题配置文件中调整 `font` 和 `colors` 参数。 - **侧边栏与菜单**:添加社交链接、分类页签等。 - **动态效果**:启用动画(如 `motion: true`)或添加 CSS3 过渡效果。 #### 三、优化与高级配置 1. **SEO 优化** - 安装 SEO 插件: ```bash npm install hexo-generator-sitemap --save ``` - 配置搜索引擎收录(如百度站长工具)。 2. **图片与资源压缩** - 使用插件 `hexo-all-minifier` 压缩 HTML、CSS、JavaScript 文件。 3. **子目录部署问题** - 若网站部署在子目录(如 `/hexo`),需修改 `_config.yml`: ```yaml url: http://yoursite.com/blog root: /hexo/ ``` #### 四、常见问题解决 - **域名无法访问**:检查 DNS 解析和服务器配置(如 Nginx 反向代理)[^3]。 - **主题样式冲突**:优先通过主题配置文件调整,避免直接修改源码。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值