hexo blog搭建

安装部署

安装nvm nodejs

https://github.com/creationix/nvm

curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.6/install.sh | bash
export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh" # This loads nvm
nvm install node
nvm use 9.0.0
安装运行hexo
npm install -g cnpm --registry=https://registry.npm.taobao.org  #淘宝定制命令cnpm替换,使用淘宝源

cnpm install hexo-cli -g
hexo init blog
cd blog
cnpm install
hexo server --debug  # 运行
自动部署github
npm install hexo-deployer-git --save
在配置文件_config.xml中作如下修改
deploy:
  type: git
  repo: git@github.com:hgleagle/hgleagle.github.io.git
  branch: master

hexo clean #先清除
hexo generate #生成静态文件
hexo deploy # 部署,实现如下命令

deploy实际实现如下工作

cp -R public/* .deploy_git/
cd .deploy_git
git add .
git commit -m “update”
git push origin master

注册绑定自定义域名

namesilo 注册申请域名,只需要 35 块,赠送 whois 隐私保护
到 dnspod 绑定域名服务器,创建两个 A 绑定 IP,一个 CNAME 记录绑定域名
https://www.namesilo.com/create_account.php

配置

配置站点 _config.yml 使用next主题

基础配置参考 http://theme-next.iissnan.com/

#### 文章目录显示
npm i hexo-generator-json-content --save

标签云, 分类
hexo new page tags
hexo new page categories
评论

注册添加disqus

disqus:
  shortname: https-hgleagle-github-io # 修改next/_config.yml
RSS
cnpm install hexo-generator-feed
avatar、qrcode

使用七牛图床,或者本地在 source 下创建 img 目录保存图片,修改_config.yml添加外链或路径

阅读次数

注册leancloud 帐号,创建 Counter ,拷贝 appid、appkey 到下面配置, 安全中心添加 web 安全域

leancloud_visitors:
  enable: true
  app_id: xxx
  app_key: xxx
搜索
# 安装
npm install --save hexo-generator-search

# 修改站点_config.yml增加
search:
  path: search.xml
  field: post
  format: html
  limit: 10000
Sitemap for SEO

参考
Hexo-NexT-主题的-SEO优化
Hexo博客收录百度和谷歌-基于Next主题

  • 生成 sitemap 提交到 google、 baidu 进行站点验证,修改配置文件
# 安装
cnpm install hexo-generator-sitemap
cnpm install --save hexo-generator-baidu-sitemap

# 修改站点config
# 提交给谷歌搜素引擎,SEO优化开启配置是一样的
sitemap:
    path: sitemap.xml
# 提交百度搜索引擎   
baidusitemap:
    path: baidusitemap.xml 

通过搜索引擎查找 site:jasonfly.me 检查是否被收录

  • 添加 robots.txt 协议
  • 修改 next 主题 siderbar.swig footer.swig 增加 rel="external nofollow",意思是告诉引擎这些是外链,不要爬取
  • 默认 permalink 太长,缩短成 :title
  • 修改 scaffolds 中 post.md 模板增加 keywords: description:
### Hexo 博客搭建教程 #### 准备工作 在开始搭建 Hexo 博客前,需要安装 Node.js 和 Git 工具。Node.js 是 JavaScript 的运行环境,Git 则用于版本控制以及将博客部署到远程仓库。 确保已正确安装 Node.js 和 Git 后,可以通过以下命令验证其版本号: ```bash node -v git --version ``` 如果未安装上述工具,请先访问官方站点下载并完成安装[^1]。 --- #### 安装 Hexo 并初始化项目 通过 npm (Node Package Manager) 来全局安装 Hexo: ```bash npm install -g hexo-cli ``` 安装完成后,可以创建一个新的文件夹作为博客项目的根目录,并进入该目录执行初始化命令: ```bash mkdir myblog && cd myblog hexo init . ``` 这一步会生成必要的配置文件和默认主题结构。接着安装依赖包以支持正常运行: ```bash npm install ``` 此时已经完成了本地环境的基础设置[^2]。 --- #### 配置与测试 Hexo 提供了一个简单的服务器来预览效果,在开发阶段非常方便。启动服务的方法如下所示: ```bash hexo server ``` 打开浏览器输入 `http://localhost:4000` 就能看到初步的效果页面。如果有任何修改需求,则编辑 `_config.yml` 文件调整参数设定,例如站点名称、描述文字等内容都可以在这里定义[^3]。 --- #### 更换渲染器 对于某些特殊功能的支持可能需要用到不同的渲染引擎,默认情况下可能会遇到兼容性问题或者显示异常的情况。这时可以根据实际需要替换掉原有的 renderer 插件。例如更换成 Pandoc 渲染器处理 Markdown 文档时可按照下面的操作指南来进行更改: 卸载旧版插件: ```bash npm uninstall hexo-renderer-marked --save ``` 安装新版插件: ```bash npm install hexo-renderer-pandoc --save ``` 这样就能解决部分复杂语法无法解析的问题[^4]。 --- #### 发布至 GitHub Pages 或 Gitee Pages 为了让更多人能够访问自己的博客作品集,通常会选择将其托管在线服务平台上展示给公众看。以下是具体步骤说明: ##### 方法一:GitHub Pages 1. 创建一个名为 `<username>.github.io` 的公共存储库; 2. 修改 `_config.yml` 中 deploy 节点指向目标地址; ```yaml deploy: type: git repo: https://github.com/<username>/<username>.github.io.git branch: main ``` 3. 执行发布指令推送数据上去: ```bash hexo clean && hexo generate && hexo deploy ``` 注意:由于网络原因可能导致速度较慢甚至失败现象发生。 ##### 方法二:Gitee Pages 当考虑到国内外访问差异较大时可以选择平台替代前者操作流程基本一致只需稍作改动即可满足条件要求。 最后记得定期维护更新保持内容新鲜度吸引读者持续关注! ---
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值