在Github上搭建个人的Hexo博客,并绑定域名及Https访问

Hexo是一个很简约的博客程序,可将其安装到Github上并使用Git二级域名进行访问,即是为咱们节流了服务器和域名本钱,同时还可以绑定伏笔VPS的域名访问,这里就说下详细搭建教程。

简介

Hexo是一个快速、简约且高效的博客框架。Hexo使用Markdown(或其他衬着引擎)解析文章,在几秒内,便可使用靓丽的正题天生动态网页。

搭建

1、建立Github账户
阅读器进入https://github.com,注册一个账号,再openhttps://github.com/new建立一个项目。称号填Github用户名.github.io

2、部署Node.js和Git
使用SSH客户端登录云主机,执行command:

#Ubuntu和Debian系统
curl -sL https://deb.nodesource.com/setup_9.x | bash -
apt-get install -y nodejs git

#Centos系统
curl -sL https://rpm.nodesource.com/setup_9.x | bash -
yum install nodejs git -y

3、部署Hexo

#新建文件夹寄存Hexo文件,称号伏笔VPS定
mkdir /Rats && cd /Rats
#部署Hexo
npm install hexo-cli -g
#初始化配置
hexo init
#部署必要组件
npm install
#启动Hexo
hexo server

然后openhttp://ip:4000,便可以进入Hexo博客了,如果进不了,请放行服务器的4000端口。接下来咱们就同步到Github上。

4、配置Git信息

#请将上面Git用户名和email修正成伏笔VPS的
git config --global user.name "MOERATS"
git config --global user.email "[email protected]ats.com"
#天生密匙
ssh-keygen -t rsa -C "[email protected]"

天生途中可以直接回车,此刻会在/root/.ssh目录中天生2个文件,然后openid_rsa.pub,并复制内里的内容。

cat /root/.ssh/id_rsa.pub

复制好后,使用阅读器进入https://github.com/settings/ssh/new,Title随意填,然后把方才复制的内容填到Key确认。

再修改_config.yml文件,文件在之前新建的文件夹里,你可以使用ftp客户端修改,也可以使用vinano修改。

nano /Rats/_config.yml
#修改站点信息,伏笔VPS看情况修正
title: Rat‘s Blog
subtitle: A blog
description: A blog
keywords: A blog
author: Rat‘s
language: zh-CN
timezone: Asia/Shanghai

#增加配置,在最后增加,请修正为伏笔VPS的Git地址
deploy:
  type: git
  repo: https://github.com/MOERATS/MOERATS.github.io.git
  branch: master

5、同步到Github
同步前,先部署一个拓展,否则会出现deloyer not found:git毛病。

npm install hexo-deployer-git --save

再使用command同步

hexo g
hexo d

同步的时候,会要求咱们输入Github用户名和密钥,然后咱们便可以通过https://xx.github.io/进入博客了。

6、推送文章
使用command新建文章。

hexo new "题目"

此刻会在/Rats/source/_posts目录下天生个markdown文件,然后你就用Markdown修改器进行修改。

接下来便可以使用command推送并同步到Github了。

hexo d -g

绑定域名

如果你想用Github二级域名访问,就忽视这一步,如果你想用伏笔VPS的域名访问,请持续看。

先解析域名的CNAME记载到你的Git二级域名。如果你想用Https访问,可以使用CloudFlare解析域名,并开启CDN胁制HttpHttps

然后访问你的博客Git项目地址,点击Create new file新建文件,定名CNAME,内容写上你的域名,不要http等。

这时候便可以通过伏笔VPS的域名访问博客了。

普通每回同步到Git的时候,CNAME文件都会消逝,这时候咱们需要在本地服务器的/Rats/source目录里新建个同样的CNAME文件。这样可以防备CNAME文件消逝,以致域名404毛病。

#你可以用ftp增加CNAME文件,也可以使用command,注意后头的路径
echo "www.moerats.com" > /Rats/source/CNAME

希望以上的文章对各位有用,如果觉得不错给我点个喜欢吧!更多和在Github上搭建个人的Hexo博客,并绑定域名及Https访问相关的问题或者对洛杉矶云服务器多少钱有疑惑也欢迎大家咨询。

原文地址:https://www.cnblogs.com/fubitech/p/9797195.html

时间: 2024-12-16 08:01:04

在Github上搭建个人的Hexo博客,并绑定域名及Https访问的相关文章

在Github上搭建自己的博客(Windows平台)

折腾了好久,终于在Github上搭建了自己的博客.这里面总结一下过程希望对大家能有所帮助. Github建博优缺点 和 csdn,新浪,网易相比,在Github上可以自己实现功能 和阿里云,VPS相比,github托管的代码是免费的 github上只能托管静态网页,后台有数据库的这种动态网站不能托管 你有一个Github的账号 懂一些基本的Web开发相关的知识 Ruby运行时,可以在Windows或者linux环境下进行安装 建站的过程 在github创建网站的代码库,名字必须为username

迈出第一步,Hexo博客搭建

很早之前看到别人的博客就总想着自己之后也要搭一个,最近突然来了干劲,就开始搭起了博客.不过搭博客还真是一个累活,失败了不下十次,用了好几天的时间,感觉自己在浪费时间,但是看到现在博客终于能用了,非常开心!这里将通过这篇文章来记录搭建过程. 环境及准备 windows.git.Node.js 一.Git1.1 安装git 链接 https://desktop.github.com/ 下载后一路默认安装就行了. 1.2 配置Git 当安装完Git应该做的第一件事情就是设置用户名称和邮件地址.这样做很

利用Travis IC实现Hexo博客自动化部署

1.Hexo博客的利与弊 Hexo中文 我就默认为看到这篇文章的人都比较了解Hexo博客,也都能够成功手动部署吧.所以第一部分推荐两篇文章一笔带过,让我们快速进入本文的重点内容.实在不知道也不要方先看一看下面推荐的这两篇文章. 手把手教你使用Hexo + Github Pages搭建个人独立博客--令狐葱 Hexo + github 打造个人博客--zdy0_2004 还有一个专栏: Hexo / 总共13篇--水寒 感谢以上文章原创作者的分享,推荐纯属自来水.看完这两篇文章后有没有觉得自己手里

让搭建在Github Pages上的Hexo博客可以被Google搜索到

title: 让搭建在Github Pages上的Hexo博客可以被Google搜索到 date: 2019-05-30 23:35:44 tags: 配置 --- 准备工作 搭建好的博客 npm & hexo 版本合适 Google服务可用 本地配置 运行:npm install hexo-generator-sitemap --save,这样每次使用hexo g都会生成sitemap.xml Google Search端配置 首先进行验证,推荐使用添加meta信息到主页的方式进行验证,我之前

搭建自己的技术博客系列(二)把 Hexo 博客部署到 GitHub 上

1.在GitHub上建一个新仓库 ? 2.配置Git的SSH KEY 生成SSH添加到GitHub 回到你的git bash中, git config --global user.name "yourname" git config --global user.email "youremail" 这里的yourname输入你的GitHub用户名,youremail输入你GitHub的邮箱.这样GitHub才能知道你是不是对应它的账户. 可以用以下两条,检查一下你有没

在Github上搭建自己的博客网站

程序员都应该有写博客的习惯,博客可以作为知识管理,提升自己.当然写博客的地方有很多,CSDN,博客园以及新浪,网易等等.但是如果使用Github Pages来搭建一个有自己域名的独立网站,会不会更加炫酷呢?当然这方面的教程网上也很多,这里主要是我自己实现后的经验总结和注意事项. 这是最完整的教程,虽然是针对Windows的,但是我在mac上一步步做下来也是可以实现的.大家也可以照着做.链接:http://cnfeat.com/2014/05/10/2014-05-11-how-to-build-

手把手教你使用Travis CI自动部署你的Hexo博客到Github上

简介 这年头要是没有个博客都不好意思给别人说你是程序员,我用XX笔记呀,不行吗?不行,这玩意儿要么不能公开分享,要么公开分享要会员,现在到处都是开源,自己学到了东西都不能分享给需要帮助的人,真是伤心呀.那么今天就来聊聊当你用Hexo搭建了博客,怎么自动更新呢,大家都知道Hexo是需要手动生成HTML静态网页的,虽然命令很少,但是每次写完博客先得推送到git然后在生成静态文件,再推送到服务器,想想我这个心也是醉了,不过看到知乎上还有人带着U盘,我只能呵呵了~,你们耐心真好~ 那我们今天就来说说怎么

如何在github上搭建一个免费的 无限流量的静态网页博客Github pages

前言: 看到很多相关的教程,但是在实际操作的时候还是遇见了不少问题,这里记录分享一下我的操作流程.免费空间用过很多,博客也用过一些,听说了github后就想试着玩一下这个静态库,感觉挺不错的,操作也比较简单,可以放些demo觉得挺不错的,看自己的喜好来搭建吧~本文原创博客地址:http://www.cnblogs.com/unofficial官网地址:www.pushself.com) 1.注册github.com账户,具体操作不描述了,英文如果不是很好可以使用翻译软件 2.新开一个一个仓库(N

Hexo+Github 搭建一个自己的博客

安装前准备: 1.安装Node.js和配置好Node.js环境 2.安装Git和配置好Git环境 安装Hexo: 一.新建一个文件夹安装Hexo环境,输入命令:   npm install hexo-cli -g 二.安装之后,依次输入以下命令: 1.输入 hexo -v,检查hexo是否安装成功 2.输入 cd /     (进入根目录) 3.输入 hexo init minysimp,初始化该文件夹(这一步会比较慢,耐心等待就好^_^) 这里我是重新建了一个自己专属文件夹,将Hexo环境和自