hexo博客同时发布到github和gitee(2022.2/coding已弃用)

hexo博客同时发布到github和gitee(2022.2/coding已弃用)

目录

    • hexo博客同时发布到github和gitee(2022.2/coding已弃用)
      • 背景
      • 本地环境
      • github账户
      • ~~coding弃用原因~~ (2022.02.22)
      • gitee账户
      • hexo创建博客
        • 本地博客站点
        • 发布博客到github和gitee
      • 更换hexo主题
        • hexo-theme-next
      • 百度收录
      • 成果

背景

github pages可以被谷歌搜索到,但无法被百度抓取,因为GitHub禁掉了百度爬虫,所以在百度搜索无法看到自己的博客。

所以打算同时部署一个国内站点,供搜索使用。

本地环境

  • Node.js
    查看版本

    node -v
    npm -v
    
  • Git
    是开源的分布式版本控制系统,用于敏捷高效地处理项目

    (1)本地git bash中设置user.name和user.email配置信息

    git config --global user.name "GitHub用户名"
    git config --global user.email "GitHub注册邮箱"
    

    (2)生成ssh密钥文件

    ssh-keygen -t rsa -C "GitHub注册邮箱"
    

    (3)mac系统密钥位置
    密钥之后填入github和gitee的指定位置

    cd ~/.ssh
    
    vim id_rsa.pub
    

github账户

  • 注册账户(自行解决)

  • 创建仓库
    创建一个和你用户名相同的仓库,后面加.github.io

    hexo博客同时发布到github和gitee(2022.2/coding已弃用)_第1张图片
  • 添加 SSH 公钥

    hexo博客同时发布到github和gitee(2022.2/coding已弃用)_第2张图片
  • 部署GitHub page
    部署到GitHub page的时候,用户名会被识别,也就是xx.github.io
    选择Setting进入设置,找到Github Pages
    hexo博客同时发布到github和gitee(2022.2/coding已弃用)_第3张图片

    选择一个主题:
    hexo博客同时发布到github和gitee(2022.2/coding已弃用)_第4张图片

    在浏览器里输入博客地址:
    hexo博客同时发布到github和gitee(2022.2/coding已弃用)_第5张图片

  • 注意: 2020年,github的branch从master变为main,后面的hexo部署需要用到

    github在2020/10/1宣布上的所有新库都将用中性词「main」命名,取代原来的「master」

    hexo博客同时发布到github和gitee(2022.2/coding已弃用)_第6张图片

coding弃用原因 (2022.02.22)

折腾了半天发现已经被弃用了!!!

coding已经不在提供 网站托管/静态网站 服务,之前的网络教程在(持续部署———网站托管)已经不存在,故国内选择gitee部署博客。

hexo博客同时发布到github和gitee(2022.2/coding已弃用)_第7张图片 hexo博客同时发布到github和gitee(2022.2/coding已弃用)_第8张图片

原文地址:https://help.coding.net/docs/pages/operating.html#access

gitee账户

  • 注册(自行解决)

  • 新建仓库
    仓库的路径要和用户名(个人空间地址)一致,这样访问地址就不会生成二级域名了(即下图xx)

    hexo博客同时发布到github和gitee(2022.2/coding已弃用)_第9张图片
  • 关联gitee pages
    第一次使用需要实名认证

    hexo博客同时发布到github和gitee(2022.2/coding已弃用)_第10张图片
  • 实名认证
    不进行实名认证,无法使用gitee pages,人工审核一个工作日左右,审核完成后部署

    实名认证之后就可以启用
    hexo博客同时发布到github和gitee(2022.2/coding已弃用)_第11张图片

  • 添加 SSH 公钥

    hexo博客同时发布到github和gitee(2022.2/coding已弃用)_第12张图片
  • 访问
    不需要像github一样选择theme,但第一次访问是空白页,会显示访问错误,因为还没有部署hexo。

    部署hexo之后,会和github显示同样的内容。

hexo创建博客

Hexo是一款基于Node.js的静态博客框架,依赖少易于安装使用,可以方便的生成静态网页托管在GitHub。

本地博客站点

//全局安装
npm install hexo-cli -g

//myHexoBlog是项目名
hexo init myHexoBlog 

//g是generetor的缩写,生成博客
hexo g  

//s是server的缩写,启动服务
hexo s 

本地博客地址默认为: http://localhost:4000/

发布博客到github和gitee

  • 修改站点的配置文件 _config.yml(注意不是theme的配置文件)
    github分支是main,而gitee分支是master
deploy:
    type: git
    repository: 
        github: [email protected]:xx/xx.github.io.git,main
        gitee: [email protected]:xx/xx.git,master
    # branch: main
  • 安装部署插件
npm install hexo-deployer-git —save 
  • 部署发布
//新博客
hexo new "我个人博客的第一篇博客,哈哈哈..." 
//生成网页 
hexo g 
//部署
hexo d 
//集成部署命令行
hexo clean && hexo g -d

访问博客网站,可以看到已经发布的博文
hexo博客同时发布到github和gitee(2022.2/coding已弃用)_第13张图片

更换hexo主题

Hexo 提供了默认主题 landscape,主题的位置在 blog ->themes 文件夹下。

主题选用网站: https://hexo.io/themes/

github地址:https://github.com/hexojs/hexo/wiki/Themes

hexo博客同时发布到github和gitee(2022.2/coding已弃用)_第14张图片

hexo-theme-next

官网:http://theme-next.iissnan.com/

hexo博客同时发布到github和gitee(2022.2/coding已弃用)_第15张图片
  • 下载:

    git clone https://github.com/iissnan/hexo-theme-next themes/next
    
  • 启用:打开站点配置文件_config.yml

    theme: next
    
  • 插件(单独一期)

百度收录

  • 方法1

    为了让百度收录更快一些,百度提供了一个提交链接的入口:https://ziyuan.baidu.com/linksubmit/url

    hexo博客同时发布到github和gitee(2022.2/coding已弃用)_第16张图片

    这样网站可以主动向百度搜索推送数据,缩短爬虫发现网站链接的时间

  • 方法2

    进入到百度的站点管理:https://ziyuan.baidu.com/site/index#/

    hexo博客同时发布到github和gitee(2022.2/coding已弃用)_第17张图片
  • 提醒:百度收录需要一段时间

成果

访问:https://https://xx.gitee.io/ 或 https://xx.github.io/ ,就能看到自己的博客啦。

你可能感兴趣的:(hexo,github,hexo,gitee)