Github Pages+Hexo+阿里云域名绑定-阿里云开发者社区

开发者社区> vivian陈薇> 正文

Github Pages+Hexo+阿里云域名绑定

简介:
+关注继续查看

1.Github Pages

Github Pages可以免费托管,所以把博客托管到github上。

首先,创建一个github仓库,仓库的命名格式为:yourusername.github.io,然后根据提示进行下一步。

2.Hexo搭建博客

本博客中使用了Anisina的主题,所以会详细介绍下按照Anisina主题搭建的步骤。

1.准备工作

1.首先要安装下node.js(官网下载),如果已经安装可以跳过。
2.安装git(官网下载)
3.安装Hexo:

$ npm install -g hexo

安装成功后,使用version命令查看是否安装成功

& hexo version

4.本地静态hexo博客

  • 新建一个文件夹,作为你博客文件的根目录
  • 命令行进入该文件夹下,输入以下命令,生成模板:
$ hexo init
  • 模板生成后,输入以下命令:
$ npm install
  • 最后可以运行hexo s命令查看是否搭建成功

2.下载主题

git clone https://github.com/Haojen/hexo-theme-Anisina.git themes/Anisina

3.配置博客

1.配置博客封面图

将img的alt属性设置为post-cover即可

2.用户信息配置

注意:必须在主题的_config.yml中配置一下信息,而非博客根目录下的_config.yml中配置。

user_name: your name
user_avatar: your avatar
user_location: your location
user_description: about you introduction

// this info will show About page
user_contact: 
user_introduction:

// config you share info
weibo_username: 
zhihu_username: 
github_username:
twitter_username: 
facebook_username:  
linkedin_username: 

3.创建About页面

在根目录下的source文件夹里创建一个about文件夹,然后在about文件夹里新建index.md文件,在文件中添加如下代码,并保存:

title: about
date: 2017-09-11 23:12:50
layout: about

需要提一下的是,作者还没有支持对About页面内容的修改,所以本博客搭建的时候,直接在themes/Anisina/layout/about.ejs中修改的内容。

4.创建Works页面

在根目录下的source文件夹中创建works文件夹,如上新建一个index.md,添加如下内容到文件中,并保存:

title: My Works
date: 2017-09-11 23:16:50
layout: works

然后在source文件夹下创建一个_data文件夹,打开文件夹,新建project.json文件,文件格式如下:

{
  "Apple 官网临摹": {
    "title": "Apple 官网临摹",
    "subTitle": "根据美版apple官网临摹",
    "img_link": "http://o7bkkhiex.bkt.clouddn.com/item-apple.jpg",
    "use" : ["jQuery"],
    "link": "http://haojen.github.io/apple-linmo/",
    "data":"2016.3",
    "direction": "临摹 2016 年三月份 Apple 美版单页面。"
  },
   "Anisina (阿尼丝娜)": {
    "title": "Anisina",
    "subTitle": "基于 Hexo 制作的个人博客主题",
    "img_link": "http://o7bkkhiex.bkt.clouddn.com/Anisina.png",
    "use" : ["jQuery","Bootstrap","Node.js","EJS","Hexo","SASS"],
    "link": "http://haojen.github.io/",
    "data": "2016.5",
    "direction":
        "Hexo 是某位台湾友人基于 Node.js 编写的博客框架"
  }
}

5.添加评论系统

主题中支持来比力的配置,所以在_config.yml配置文件中添加两行配置代码即可。

use_livere: true
livere_uid: 你的来比力的注册uid

6.添加百度统计

主题中添加了百度统计的js代码,在配置文件中直接添加track_id即可:

ba_track_id: your track id

7.部署Hexo博客

  • 建站
hexo init yourname
cd yourname 
npm install
  • 配置_config.yml的部署:
deploy:
  type: git
  repo: http://github.com/yousername/yourusername.github.io
  branch: master #默认master
  • 清除缓存
$ hexo clean
  • 生成静态网页
$ hexo g
  • 本地查看效果,执行完后可以通过http://localhost:4000查看本地效果
$ hexo s
  • 部署到git
$ hexo d

3.绑定阿里云域名

之前在阿里云买了域名,域名购买成功之后要等待实名认证。

1.添加CNAME文件

在根目录下的source文件夹下新建CNAME文件,没有后缀。

在Sublime Text中打开CNAME文件,在里边添加你的域名信息,如图:

保存之后,重新部署到github pages上。

2.给github项目添加

在项目的Settings中,添加Custom domain到自己的域名:

3.给域名添加解析记录

1.ping你自己的yourname.github.io获取到ip地址:

2.打开域名的解析列表,添加两条解析记录:

更换之后,可能需要等一段时间才能生效,差不多就大功告成啦。

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
python中的回调和关于首参数的绑定的说法 !!
函数参数的绑定和调用方式 这里想讨论的问题是,如果把python的方法作为参数传递给其他对象调用,那么相应的python实例是如何绑定的? class C: def callback(self): print('callback') @staticmethod .
907 0
Android官方DataBinding(十二):双向绑定之反向绑定的InverseBindingMethods改造和实现
Android官方DataBinding(十二):双向绑定之反向绑定的InverseBindingMethods改造和实现 在附录文章十、十一的基础上,使用InverseBindingMethod进行双向绑定和反向绑定操作。
911 0
阿里云服务器端口号设置
阿里云服务器初级使用者可能面临的问题之一. 使用tomcat或者其他服务器软件设置端口号后,比如 一些不是默认的, mysql的 3306, mssql的1433,有时候打不开网页, 原因是没有在ecs安全组去设置这个端口号. 解决: 点击ecs下网络和安全下的安全组 在弹出的安全组中,如果没有就新建安全组,然后点击配置规则 最后如上图点击添加...或快速创建.   have fun!  将编程看作是一门艺术,而不单单是个技术。
3965 0
[20130918]12c FETCH FIRST和绑定变量.txt
[20130918]12c FETCH FIRST和绑定变量.txthttp://connormcdonald.wordpress.com/2013/09/11/12c-fetch-first/重复测试:@ver BANNER                  ...
745 0
阿里云服务器如何登录?阿里云服务器的三种登录方法
购买阿里云ECS云服务器后如何登录?场景不同,阿里云优惠总结大概有三种登录方式: 登录到ECS云服务器控制台 在ECS云服务器控制台用户可以更改密码、更换系.
5715 0
阿里云ECS云服务器初始化设置教程方法
阿里云ECS云服务器初始化是指将云服务器系统恢复到最初状态的过程,阿里云的服务器初始化是通过更换系统盘来实现的,是免费的,阿里云百科网分享服务器初始化教程: 服务器初始化教程方法 本文的服务器初始化是指将ECS云服务器系统恢复到最初状态,服务器中的数据也会被清空,所以初始化之前一定要先备份好。
10744 0
Python 进阶_OOP 面向对象编程_self 的实例绑定
目录 目录 self 和绑定 调用非绑定的方法 self 和绑定 在 Python 中 self 变量是特殊的, 其用于在实例方法中引用该方法所绑定的实例, 换句话说就是 Python 在实例化对象时会自动的将实例对象传递到类体的 self 变量中, 类体中的 self 变量代表了该类的实例对象.
883 0
基于Android DataBinding的InverseBindingMethod改进SeekBar双向绑定(正向/反向)数据绑定
基于Android DataBinding的InverseBindingMethod改进SeekBar双向绑定(正向/反向)数据绑定 在前文《使用Android BindingAdapter与InverseBindingAdapter实现SeekBar双向(正向/反向)数据绑定》(链接:http://blog.csdn.net/zhangphil/article/details/77839555 )基础上,用InverseBindingMethod改进双向绑定实现方案。
1455 0
+关注
1
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
文娱运维技术
立即下载
《SaaS模式云原生数据仓库应用场景实践》
立即下载
《看见新力量:二》电子书
立即下载