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

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

在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 [email protected]$ yes

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

    # Deployment## Docs: https://hexo.io/docs/deployment.htmldeploy:  type: git  repo: [email protected]:<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 [email protected]$ yes

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

    # Deployment## Docs: https://hexo.io/docs/deployment.htmldeploy:- type: git  repo: [email protected]:<Github账号名称>/<Github账号名称>.github.io.git  branch: master- type: git  repo: [email protected]:<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/

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

原文地址:https://www.cnblogs.com/pythonywy/p/11402672.html

时间: 2024-10-09 22:57:23

个人博客搭建线上实施方案的相关文章

我的博客搭建日志

博客地址:绵绵小站 该篇博客原文:我的博客搭建日记-绵绵小站 我的博客搭建是以Github Pages为托管,使用Hexo的NexT模板,博客内容编写利用MarkDown排版方式,图片放在七牛云上,评论插件使用Hypercomments,文章阅读量统计使用LeanCloud. 本篇主要记录我在搭建中所遇到的问题以及着重想讲的部分,具体的搭建步骤,我会提供我所参考的设置文章. Github Pages 账号注册 安装git 新建仓库(两种方式) 博客源码托管到Coding 参考Hexo博客(10)

博客搭建

前言 语雀 是一款非常好用的知识管理网站(类似 GitBook),它的编辑器非常好用,而且支持导出 Markdown,这篇文章是教你如何使用语雀的编辑器写静态博客.这里的静态博客用了 Hexo,Jekyll 也是没有问题的. 创建 Hexo 博客 已经有 Hexo 博客的可以跳过.如果你是 Jekyll ,也可以跳过. 安装 Node.js 安装 Hexo 脚手架 1 npm install -g hexo-cli 初始化一个博客 123 hexo init <folder>cd <fo

nodejs环境 + 入门 + 博客搭建

NodeJS:NodeJS是一个使用了Google高性能V8 引擎 的服务器端JavaScript实现.它提供了一个(几乎)完全非阻塞I/O栈,与JavaScript提供的闭包和匿名函数相结合,使之成为编写高吞吐 量网络服务程序的优秀平台. NPM:全称是Node Package Manager,是一个NodeJS定制的包管理和分发工具,如node-mysql,已经成为了非官方的发布Node模块(包)的标准. (npm类似maven,package.json类似pom.xml文件) mongod

学习他人博客搭建

https://www.aswifter.com/  很舒服 类似苹果的主页 -这个他的博客搭建主题他的搭建方法 http://jiji262.github.io/2016/04/15/2016-04-15-hexo-github-pages-blog/  方法,通过了解,是hexo来搭建,使用github上的免费空间来搭建个人博客,很不错哦

Hexo+git博客搭建

前言 早就想换一换我之前使用的wordpress博客了,昨天偶然看到一个学长的博客感觉前端简洁大气,于是查了一下他所用的Hexo这个博客框架.从doc来看使用简单,md的编辑方式很高效,浏览了一下主题也有几个不错的,于是趁着考试周之前的日子赶紧把博客搭建起来了. 搭建的环境是Mac+Ubuntu14.04 本地安装搭建博客 本地安装hexo框架 先使用homebrew安装npm: 1 brew install npm 使用npm安装Hexo 1 npm install hexo-cli -g 安

个人博客搭建过程中异常处理

个人博客搭建过程中异常处理 错误分析 如果你使用Hexo遇到同样的问题,这里有一些常见问题的解决方案. YAML Parsing Error JS-YAML: incomplete explicit mapping pair; a key node is missed at line 18, column 29: last_updated: Last updated: %s 参数中包含冒号,请用加引号,如Last updated: %s JS-YAML: bad indentation of a

U盘便携式hexo&amp;博客搭建&amp;极速纯净低bug主题推荐&amp;部署到coding&amp;SEO优化搜索

指南:U盘便携式hexo&博客搭建&极速纯净低bug主题推荐&部署到coding&SEO优化搜索 U盘便携式hexo随处写博客 简述:在任意一台联网的电脑上续写hexo博客,一个U盘+几个网站即可搞定.便携式hexo,其免去Nodejs 和 Git 的安装和配置还包含了配置和懒人脚本.好处就是省事.简单.方便 便携式hexo下载及使用方法,由 HEXO Portable | 比特萌信息技术 免费提供服务.(这里使用的版本是1.0.3) 几个网站: 折腾选用:hexo中文文档

是用博客园发表博客是如何上传本地图片

之前写了一篇带有图片的文章,我是直接从Word文档copy过来的,结果发现图片没有,找了很多资料,都说的很麻烦,最后还是自己找到了一简单方法, 这样,你的图片就可以上传了! 是用博客园发表博客是如何上传本地图片

Node.js 博客搭建

Node.js 博客搭建:https://www.linuxidc.com/Linux/2017-02/140115.htm https://www.cnblogs.com/mrcln/p/9308729.html 原文地址:https://www.cnblogs.com/bydzhangxiaowei/p/11725444.html