欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

个人博客搭建线上实施方案

程序员文章站 2022-06-14 09:46:34
个人博客搭建线上实施方案 实施方案 方案一:GithubPages 1. 创建 "Github" 账号 2. 创建仓库, 仓库名为:.github.io 3. 将本地Hexo博客推送到GithubPages 3.1. 安装 插件。在命令行(即Git Bash)运行以下命令即可: 3.2. 添加SSH ......

个人博客搭建线上实施方案

在hexo本地实施没有问题的基础上

实施方案

方案一:githubpages
  1. 创建github账号

  2. 创建仓库, 仓库名为:.github.io

    账号名称>

  3. 将本地hexo博客推送到githubpages

    3.1. 安装hexo-deployer-git插件。在命令行(即git bash)运行以下命令即可:

    $ npm install hexo-deployer-git --save

    3.2. 添加ssh key。

    • 创建一个 ssh key 。在命令行(即git bash)输入以下命令, 回车三下即可:

      $ ssh-keygen -t rsa -c "邮箱地址"
    • 添加到 github。 复制密钥文件内容(路径形如c:\users\administrator\.ssh\id_rsa.pub),粘贴到new ssh key即可。

    • 测试是否添加成功。在命令行(即git bash)依次输入以下命令,返回“you’ve successfully authenticated”即成功:

      $ ssh -t git@github.com$ yes

    3.3. 修改_config.yml(在站点目录下)。文件末尾修改为:

    # deployment## docs: https://hexo.io/docs/deployment.htmldeploy:  type: git  repo: git@github.com:<github账号名称>/<github账号名称>.github.io.git  branch: master

    注意:上面仓库地址写ssh地址,不写http地址。

    3.4. 推送到githubpages。在命令行(即git bash)依次输入以下命令, 返回info deploy done: git即成功推送:

    $ hexo g$ hexo d
  4. 等待1分钟左右,浏览器访问网址: https://<github账号名称>.github.io

至此,您的hexo博客已经搭建在githubpages, 域名为https://<github账号名称>.github.io

方案二:githubpages + 域名

在方案一的基础上,添加自定义域名(您购买的域名)。

  1. 域名解析。

    类型选择为 cname;

    主机记录即域名前缀,填写为www;

    记录值填写为.github.io;

    解析线路,ttl 默认即可。

    账号名称>

  2. 仓库设置。

    2.1. 打开博客仓库设置:https://github.com/<github账号名称>/<github账号名称>.github.io/settings

    2.2. 在custom domain下,填写自定义域名,点击save

    2.3. 在站点目录的source文件夹下,创建并打开cname.txt,写入你的域名(如www.simon96.online),保存,并重命名为cname

  3. 等待10分钟左右。

    浏览器访问自定义域名。

    至此,您的hexo博客已经解析到自定义域名,https://<github账号名称>.github.io依然可用。

方案三:githubpages + codingpages + 域名

githubpages 在国内较慢,百度不收录,而codingpages 在国外较快。所以在方案二的基础上,添加codingpages 。

  1. 创建coding账号

  2. 创建仓库, 仓库名为:

    账号名称>

  3. 进入项目里『代码』页面,点击『一键开启静态 pages』,稍等片刻codingpages即可部署成功。

  4. 将本地hexo博客推送到codingpages

    4.1. 鉴于创建githubpages 时,已经生成过公钥。可直接复制密钥文件内容(路径形如c:\users\administrator\.ssh\id_rsa.pub), 粘贴到。

    4.2. 测试是否添加成功。在命令行(即git bash)依次输入以下命令,返回“you’ve successfully authenticated”即成功:

    $ ssh -t git@git.coding.net$ yes

    4.3. 修改_config.yml(在存放hexo初始化文件的路径下)。文件末尾修改为:

    # deployment## docs: https://hexo.io/docs/deployment.htmldeploy:- type: git  repo: git@github.com:<github账号名称>/<github账号名称>.github.io.git  branch: master- type: git  repo: git@git.dev.tencent.com:<coding账号名称>/<coding账号名称>.git  branch: master

    4.4. 推送到githubpages。在命令行(即git bash)依次输入以下命令, 返回info deploy done: git即成功推送:

    $ hexo g$ hexo d
  5. 域名解析

    1. 添加 cname 记录指向 .coding.me

      类型选择为 cname;

      主机记录即域名前缀,填写为www;

      记录值填写为.coding.me;

      解析线路,ttl 默认即可。

      账号名称>

      账号名称>

    2. 添加 两条a 记录指向 192.30.252.153和192.30.252.154

      类型选择为 a;

      主机记录即域名前缀,填写为@;

      记录值填写为192.30.252.153和192.30.252.154;

      解析线路,*或谷歌。

    3. 在『pages 服务』设置页(https://dev.tencent.com/u/<coding账号名称>/p/<coding账号名称>/git/pages/settings)中绑定自定义域名。

至此,您的hexo博客已经解析到自定义域名,https://<github账号名称>.github.iohttps://<coding账号名称>.coding.me依然可用。

方案四:码云上部署

和 git类似

root,url中需要手动设置仓库路径

url: http://pythonywy.gitee.io/my-blog
root: /my-blog/

已经主题设置里面的所有样式链接如果加载不出来开头加上/仓库名称/