Github pages博客搭建与域名绑定

Github Page

github page是由用户编写的托管在github上的静态网页,为了搭建一个个人博客,我们可以租用一个云服务器然后部署我们的博客项目,常见的比如wordpress,像wp这样的博客系统需要用到服务器后台的数据库,所以是动态的,github page相对于云服务器来说,不能提供数据库服务,所以资源都是静态存放在github上的,但是是免费的,而且速度也还可以,相对来说很稳定。

Hexo

什么是Hexo
Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。简单来说Hexo就是一款适合用在github page的博客框架。

安装步骤

Git

Git是分布式版本控制系统,我们需要用git上传我们的博客代码。

Nodejs

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境,Hexo基于Nodejs

npm

NPM是随同NodeJS一起安装的包管理工具,用来下载别人编写的第三方包。

换源

因为nodejs是国外的技术,所以下载速度在次元壁的限制下会很慢所以我们可以换成国内的淘宝镜像

npm config set registry https://registry.npm.taobao.org

查看是否换源成功

npm config get registry

Hexo

新建文件夹用于存放博客文件,然后cd到该目录。

npm install -g hexo-cli

安装完后用hexo -v 查看版本确保安装成功,之后初始化

hexo init myblog #myblog是自己取的名字随你

进入myblog,安装依赖

npm install

打开myblog文件夹目录结构如下

  • node_modules: 依赖
  • scaffolds:生成文章的一些模板
  • source:用来存放你的文章
  • themes:主题
  • public:运行之后会生成,博客的静态文件
  • 以及一些配置文件
hexo g  # Generate static files
hexo server


打开hexo服务在浏览器打开http://localhost:4000就能看到博客了

创建新仓库 命名为用户名+.github.io例如ljshllw.github.io

创建ssh

git config --global user.name "yourname"
git config --global user.email "youremail"
ssh-keygen -t rsa -C "youremail"

回车直到结束,ssh,简单来讲,就是一个秘钥,其中,id_rsa是你这台电脑的私人秘钥,不能给别人看的,id_rsa.pub是公共秘钥,可以随便给别人看。把这个公钥放在GitHub上,这样当你链接GitHub自己的账户时,它就会根据公钥匹配你的私钥,当能够相互匹配时,才能够顺利的通过git上传你的文件到GitHub
登陆github找到setting添加SSH key 将刚才生成的id_rsa.pub(文件所在地址生成在ssh-keygen命令的时候有显示查看gitbash记录即可得知)文件里的内容粘上去

gitbash中输入如下命令查看是否成功

ssh -T [email protected]

关联

修改_config.yml(你的博客目录下)文件,下拉到底部

deploy:
  type: git
  repo: https://github.com/name/name.github.io.git #name为你的github名称
  branch: master

安装deploy-git

npm install hexo-deployer-git --save

Hexo素质三连完成发布

hexo clean    # 清理
hexo generate # 生成
hexo deploy   # 部署

绑定域名

买域名

国内的可以去阿里云旗下万网买,缺点是需要认证,国外的话可以去GoDaddy买,不用实名认证,前提是不部署在国内厂商的云服务器,政策要求都需要认证(十分之坑),.top是新出的中国顶级域名价格也很便宜买个玩玩也不错。我这里是在阿里云买的,因为方便,bearw.top <熊网?熊王> ,买了很久了忘了价估计也就是20块钱一年,长度短有意义的域名肯定相对就比较贵成千上万的我只敢看看,长度很长的个位数就能拿下。

解析

我这里用阿里云的做演示,登陆阿里云控制台,选择域名选项,添加两条CNAME解析

github设置

登陆github选择gitpage仓库,选择settings,下滑找到Github PagesCustom domain里填入你的域名,然后点击Save,稍等一会就好了,之后会默认转成HTTPSSSL证书来自Let‘s Encrypt

个性化

Hexo 支持主题设置,可以自己选择安装主题,可以配置的选项也很多,对于新手很友好,熟悉前端的小胖友们更是可以自行定制属于自己的博客。

bearw.top点我!

也是因为今天突然想起来之前买了域名还没用,就起兴弄个这个玩玩,顺便分享给大家,如果有兴趣可以自行摸索。

原文地址:https://www.cnblogs.com/ljsh/p/10841670.html

时间: 2024-08-27 20:34:52

Github pages博客搭建与域名绑定的相关文章

github文件上传及github pages博客搭建教程

一.与github建立连接 1.安装node.js和git 2.桌面新建文件夹[github],右键“git bash here” 3.注册github账号,新建仓库“new repository”,勾选“Initialize this repository with a README” 4.生成新的SSH key,需要输入密钥时直接回车即可 $ ssh-keygen -t rsa -C "邮件地址@youremail.com" 5.在[id_rsa.pub]文件中找到新生成的ssh

在Ubuntu 14.04上搭建github Pages博客

背景 github是一个全球性的代码托管平台,支持github Pages服务.这个服务可以为个人.组织或项目建立静态主页.github为用户提供项目托管.git.pages等用于项目开发的功能.我们使用的就是其pages服务.相对于其他提供免费博客的网站,github的最大优点是无任何广告且提供git版本管理工具对博客进行管理.但劣势是需要一定的命令行操作,对于普通用户有一定门槛.Octopress是一款优秀的静态化博客系统,官方将它简称为:"A blogging framework for

让GitHub Pages博客支持百度搜索引擎收录

原文链接:http://tabalt.net/blog/make-blog-support-baidu-search-engine/本博文章如无说明均为原创,转载时请注明以上链接 GitHub Pages搭建的网站,在百度搜索引擎访问的时候,经常性的会返回 403 forbidden,从而百度会认为网站访问不稳定,对网站降权,甚至K站. 要想解决这个问题,只有买个VPS自己撘一个jekyll解析博客了.但是我的域名没有备案,单纯用国外的VPS,用户访问起来也会有慢的问题,毕竟Github Pag

hexo+github个人博客搭建

首先要了解一下我们搭建博客要用到的框架.Hexo是高效的静态站点生成框架,它基于Node.js.通过Hexo,你可以直接使用Markdown语法来撰写博客.相信很多小伙伴写工程都写过README.md文件吧,对,就是这个格式的!写完后只需两三条命令即可将生成的网页上传到你的github上,然后别人就可以看到你的网页啦.是不是很简单?你无需关心网页源代码的具体细节,你只需要用心写好你的博客内容就行. 安装Node.js 首先下载最新版Node.js,我这里给的是64位的. 安装选项全部默认,一路点

Github相册博客搭建

前一段时间我看见一个问答,大概意思就是程序员都是怎么用自己的专业技能逗女朋友或表白的. 看了很多,有写定时关机脚本恶搞的,也有简单写个html展示的,其中最著名的就是几年前有个人写了个网页记录他们在一起时间的. 我决定也做一件类似的事情,但是写一个关机脚本恶搞这种事情简直太直男了,灵光乍现,我想是不是可以在github博客上做一些文章呢. Bing了一下发现这件事情是可行的,github是可以展示图片的,以此原理实现一个相册应该是可以的. 知识点 github git node npm hexo

手把手教你建github技术博客by hexo

适合人群 喜欢写Blog的人 有一定的编程基础 爱折腾的人 熟练使用版本控制Git 了解使用Github 熟悉基本的MarkDown语法 环境准备 安装Git 下载 msysgit 并执行即可完成安装. 安装Node.js 在 Windows 环境下安装 Node.js 非常简单,仅须下载安装文件并执行即可完成安装. 安装hexo 利用 npm 命令即可安装.(在任意位置点击鼠标右键,选择Git bash) npm install -g hexo 问题 * npm ERR! registry e

我的博客搭建日志

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

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

个人博客搭建线上实施方案 在hexo本地实施没有问题的基础上 实施方案 方案一:GithubPages 创建Github账号 创建仓库, 仓库名为:.github.io 将本地Hexo博客推送到GithubPages 3.1. 安装hexo-deployer-git插件.在命令行(即Git Bash)运行以下命令即可: $ npm install hexo-deployer-git --save 3.2. 添加SSH key. 创建一个 SSH key .在命令行(即Git Bash)输入以下命

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中文文档