首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >github pages + Hexo + 域名绑定搭建个人博客

github pages + Hexo + 域名绑定搭建个人博客

作者头像
xiangzhihong
发布于 2018-02-05 08:55:28
发布于 2018-02-05 08:55:28
6.6K00
代码可运行
举报
文章被收录于专栏:向治洪向治洪
运行总次数:0
代码可运行

环境

代码语言:txt
AI代码解释
复制
- Windows 10(64 位)
- Git-2.7.4-64-bit 
代码语言:txt
AI代码解释
复制
- node-v4.4.7-x64

如果上述软件已经安装的,跳过,没有安装的下载安装。

1,git下载安装(https://git-for-windows.github.io/

2,node下载安装(https://nodejs.org/en/

3.安装npm工具(这里可以先不安装,我是之前做RN,所以已经安装好了)

4,验证安装是否成功。

     为了验证是否安装成功,我们在dos桌面输入如下的命令:

     git --version

     node -v

     npm –v

   出现如下表示成功

Github Pages

Github Pages免费的静态站点,其特点:免费托管、自带主题、支持自制页面等。

创建Github Pages比较简单,只要你有一个github账号在创建一个仓库就行了,但是这个仓库是有规则的,其格式必须为:yourusername.github.io。然后根据提示一直下一步即可,非常简单。

github项目创建完成,点击“Continue to layouts”,点击发布个人网站,我们网站就好了,不过这是一个github.io结尾的。

Hexo

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。官网也是搭建在GitHub上。在电脑上新建一个blog文件夹,一般放在非c盘(非系统盘),该文件夹用于存放你的博客文件,然后右键单击选择“Git Bash”(你也可以打开hexo官网(https://hexo.io/zh-cn/)按提示的步骤来)。

•npm install hexo-cli -g

•hexo init blog

•cd blog

•npm install

•hexo server

现在我们启动 hexo 本地服务,看下默认的博客是怎样的,命令:hexo server

现在用浏览器访问:http://localhost:4000/,效果如下图

选用其他主题

由于默认主题太大众了,所以现在我们换个主题。你可以去这里找主题:

exo-theme:https://hexo.io/themes/

hexo-github-theme-list:https://github.com/hexojs/hexo/wiki/Themes

有那些好看的hexo主题?:http://www.zhihu.com/question/24422335

我这里选择的 yelee:https://github.com/MOxFIVE/hexo-theme-yelee,如果你自己懂css.js,你可以自己写。当然hexo还提供了很多的[其他模板](https://hexo.io/themes/),可以根据个人喜好增加。输入命令:`git clone https://github.com/MOxFIVE/hexo-theme-yelee.git themes/yelee`

找到_config.yml,把对应的主题目录名改下。

修改完成后,我们使用下面命令重新生成静态博客的所有内容:hexo generate,然后重启 hexo 本地服务:hexo server。

部署代码到github pages

创建好仓库之后,要本地生成 SSH 秘钥,方便电脑上的 git 软件好提交内容到 Github 上,其实也可以不生成本地的ssh,可以直接用命令或者工具上传代码(这个纯命令提交可以参考之前的博客点击打开链接),在 Git Bash 中,输入:ssh-keygen -t rsa -C "你的邮箱地址",然后回车,回车,再回车,一共 3 次回车。

访问:https://github.com/settings/ssh,添加新秘钥

访接下来就是将本地的静态博客部署到gitHub上,要把本地的静态博客同步到 Github,我们还需要先安装两个跟部署相关的 hexo 插件,可以实现如下命令:

  • npm install hexo -server --save
  • npm install hexo-deployer-git --save

编辑全局 hexo 的配置文件:_config.yml,这块可以参照网上的。

编辑全局配置后我们需要重新部署:

  • 先清除掉已经生成的旧文件:hexo clean
  • 再生成一次静态文件:hexo generate
  • 在本地预览下:hexo server
  • 本地没问题之后,Ctrl + C 停掉本地预览,使用部署命令部署到 Github 上:hexo deploy,有弹出下面提示框,请输入:yes

然后访问服务器地址进行检查:http://xiangzhihong.github.io

通过上面几次流程我们也就可以总结:以后,每次发表新文章要部署都按这样的流程来:

  • hexo clean
  • hexo generate
  • hexo deploy

github pages绑定域名

绑定域名,这块比较坑,我参照网上很多的都没弄明白,这里是我摸索的一个方法。阿里云(万网)+github域名绑定。

购买域名

首先是在阿里云上购买域名,大家也可以上其实的域名交易平台购买。

域名解析

在阿里云管理控制台中,选择【域名】》【域名列表】》【全部域名】中刚刚购买的域名,点击解析按钮 

这时会提醒你选择解析到阿里云主机,或者其他主机,这时需要将你在Github上创建的Github Pages的域名 xxx.github.io进行查询,得到一个IP地址。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
admindeMacBook-Pro:blog admin$ ping xxx.github.io
PING prod.github.map.fastlylb.net (151.101.100.133): 56 data bytes
Request timeout for icmp_seq 0
64 bytes from 151.101.100.133: icmp_seq=1 ttl=47 time=69.632 ms

这里需要说明下,这里151.101.100.133是我的github的地址(就是xiangzhihong.github.io地址,你也可以ping自己的xx.github.io).

如果你不会填,直接点上门的新手引导设置就好了。

Github解析

在Github的xxx.github.io项目,进入【Settings】标签页,在【Custom domain】功能中,将刚刚申请的域名写进去。

备注:这里也可以用另一个工具去解析DNSPOD 。

设置好后,过一会就可以访问了,反正我的是很快,点击打开链接

整合 IntelliJ IDEA 提高效率

为了提交写作效率,我个人建议使用 IntelliJ IDEA 作为 Markdown 编辑工具,这也是前端开发的一个利器。现在我们用 IntelliJ IDEA 打开我们本地目录。

由于 IntelliJ IDEA 在 Windows 下的默认终端是 cmd 不好用,我们现在需要重新修改下 IntelliJ IDEA 的终端工具,把它指向我们习惯的 Git Bash,这样方便操作。

为了更稳定地使用 IntelliJ IDEA,在不修改主题的情况下,我们还需要这样做,hexo 新文章内容的开头需要这样定义:

  • categories:表示文章所属分类
  • tags:表示文章所属标签

例如:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
---
title: 这是文章标题
date: 2016-10-25 17:58:27
categories: [Hexo,IntelliJ IDEA]
tags: [Hexo,IntelliJ IDEA,Git,Github,Node.js]
---

打开项目的module(快捷键ctrl+shift+alt+s)

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2016-11-26 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
多链支持,真没你想的那么简单
总算是空闲下来可以整理一下代码了,Web3项目接入多链钱包连接功能,主要涉及 Ethereum、Polygon、BSC 和 Solana。乍一听好像只是“多做几套兼容逻辑”的事,但真正落地后才发现,很多东西其实没想得那么简单。
阿珏
2025/07/06
540
以太坊交互工具
以太坊提供了Geth客户端用于管理API,我们可以在终端输入geth help查看其具体使用方法:
Al1ex
2021/07/21
1.9K0
以太坊交互工具
以太坊网络架构解析
区块链的火热程度一直以直线上升,其中以区块链 2.0 —— 以太坊为代表,不断的为传统行业带来革新,同时也推动区块链技术发展。
Seebug漏洞平台
2018/07/12
1.8K0
Derek解读Bytom源码-启动与停止
Gitee地址:https://gitee.com/BytomBlockchain/bytom
比原链Bytom
2018/08/30
5320
Derek解读Bytom源码-启动与停止
知道创宇区块链安全实验室|深入理解以太坊交易处理机制
区块链是一个以"去中心化"、"去信任化"方式集体维护的分布式账本,这里的"分布式"不仅体现在数据的分布式存储,也体现在数据的分布式记录,即由系统参与者共同维护,作为"账本"的区块链自然少不了记账,而交易自然而然的成为了重中之重。
Al1ex
2021/07/21
1.7K0
知道创宇区块链安全实验室|深入理解以太坊交易处理机制
理解以太坊: Go-Ethereum 源码剖析(0): Geth Start
Geth[2] 是基于 Go 语言开发以太坊的客户端,它实现了 Ethereum 协议(黄皮书)中所有需要的实现的功能模块,包括状态管理,挖矿,P2P 网络通信,密码学,数据库,EVM 解释器等。我们可以通过启动 Geth 来运行一个 Ethereum 的节点。Go-ethereum 是包含了 Geth 在内的一个代码库,它包含了 Geth,以及编译 Geth 所需要的其他代码。在本系列中,我们会深入 Go-ethereum 代码库,从 High-level 的 API 接口出发,沿着 Ethereum 主 Workflow,从而理解 Ethereum 具体实现的细节。
Tiny熊
2022/05/25
2.3K0
聊聊kingbus的binlog_server_handler.go
kingbus的binlog_server_handler提供了StartBinlogServer、StopBinlogServer、GetBinlogServerStatus,他们均委托给了server.go的对应方法
code4it
2020/06/18
3610
NFT+DeFi流动性挖矿系统开发策划细节
其简洁是得力于 Geth 使用了 gopkg.in/urfave/cli.v1 扩展包,该扩展包用于管理程序的启动,以及命令行解析,其中 app 是该扩展包的一个实例。
KFZ433
2022/06/17
3860
以太坊虚拟机(下篇)
区块链上的虚拟机(Virtual Machine)是指建立在去中心化的区块链上的代码运行环境,目前市面上比较主流的便是以太坊虚拟机(Ethereum Virtual Machine,EVM)和类以太坊虚拟机,它基于Account账户模型将智能合约代码以对外完全隔离的方式在内部运行,实现了图灵完备的智能合约体系,本篇文章将从源码角度对其工作原理进行简要分析~
Al1ex
2021/07/21
7260
以太坊RPC机制
RPC(remote process call),即远程过程调用,意思就是两台物理位置不同的服务器,其中一台服务器的应用想调用另一台服务器上某个应用的函数或者方法,由于不在同一个内存空间不能直接调用,因此需要通过网络来表达语义以及传入的参数,RPC是跨操作系统,跨编程语言的网络通信方式。
Al1ex
2021/07/21
3.8K0
以太坊RPC机制
以太坊多节点私有链部署
https://g2ex.github.io/2017/09/12/ethereum-guidance/
飞狗
2018/09/10
1.5K0
以太坊虚拟机(上篇)
区块链上的虚拟机(Virtual Machine)是指建立在去中心化的区块链上的代码运行环境,目前市面上比较主流的便是以太坊虚拟机(Ethereum Virtual Machine,EVM)和类以太坊虚拟机,它基于Account账户模型将智能合约代码以对外完全隔离的方式在内部运行,实现了图灵完备的智能合约体系,本篇文章将从源码角度对其工作原理进行简要分析~
Al1ex
2021/07/21
1.6K0
以太坊虚拟机(上篇)
交易所对接以太坊钱包服务设计与实现
交易所钱包服务是加密货币交易所系统中的重要组成部分,它负责与各种不同的区块链的交互,实现用户地址生成、充值与提现等功能。本文以对接以太坊区块链的钱包服务为例,介绍交易所系统平台中钱包管理服务的设计与实现。
用户1408045
2019/08/09
2.9K0
聊聊kingbus的starRaft
starRaft方法先通过rafthttp.NewRoundTripper创建http.RoundTripper,之后通过storage.NewDiskStorage创建DiskStorage,之后根据logExist及cfg.NewCluster做不同处理;若二者都为false则更新membership.RaftCluster的id为存在的cluster的id,然后执行startEtcdRaftNode;若cfg.NewCluster为true则使用cl.MemberIDs()来执行startEtcdRaftNode;若logExist为true则执行restartEtcdNode;最后创建rafthttp.Transport,执行tr.Start()、tr.AddRemote、tr.AddPeer
code4it
2020/06/13
4670
聊聊kingbus的starRaft
区块链开发(三)以太坊客户端命令行选项汇总
本篇博客的内容可通过以下命令在客户端中进行查看: geth --help 也可以访问github上的wiki文档查看,地址为: https://github.com/ethereum/go-ethereum/wiki/Command-Line-Options 具体内容 NAME: geth - go-ethereum命令行接口 USAGE: geth [options] command [command options] [arguments...] VERSION: 1.4.11-s
程序新视界
2022/05/06
5020
go-kit 微服务 整合Promtheus解决监控告警问题
Prometheus基于中央化的规则计算、统一分析和告警的新模型, 完美地解决了传统监控模型的痛点。所以说其对传统监控系统的测试和告警模型进行了彻底的颠覆。
Johns
2021/04/08
1.4K0
go-kit 微服务 整合Promtheus解决监控告警问题
golang源码分析:mysql同步工具gravity(2)
在分析完gravity的原理和如何使用以后,我们开始分析下它的源码。gravity有5个入口,代表了5个工具。
golangLeetcode
2023/09/06
3950
golang源码分析:mysql同步工具gravity(2)
Bytom侧链Vapor源码浅析-节点出块过程
在这篇文章中,作者将从Vapor节点的创建开始,进而拓展讲解Vapor节点出块过程中所涉及的源码。
比原链Bytom
2020/08/07
6210
以太坊区块设计
区块链是由包含交易的区块按照时间先后顺序依次连接起来的数据结构,这种数据结构是一个形象的链表结构,所有数据有序地链接在同一条区块链上,每个区块通过一个hash指针指向前一个区块,hash指针其实是前一个区块头进行SHA256哈希计算得到的,通过这个哈希值,可以唯一的识别一个区块,然后将每个区块连接到其区块头中前一个区块哈希值代币的区块后面,从而构建出一条完整的区块链。
Al1ex
2023/05/26
2.2K0
以太坊区块设计
以太坊win平台和Linux 私链搭建,交易,添加多节点
先上一篇的以太坊的私有搭建,交易,节点连接,结合搭建的步骤对以太坊进行深入介绍。本文介绍的方式在win10 和ubuntu16.04 的方式测试过。 第一步:geth的安装,请直接移步:https://github.com/ethereum/go-ethereum/wiki/Building-Ethereum 或者百度其他博客。为了方便操作,windows 平台在安装完成geth后 ,最好将geth.exe 所在的目录添加到Path环境变量中以便于开发。linux 的方式推荐使用ppa的方式安装。如果不是也推荐奖geth 添加到环境变量里面。 第二步:创建创世块 先不要想太多直接复制我的创世块用: 新建一个文件夹名为mynode,然后在mynode 文件夹里面创建一个文件
地球流浪猫
2018/08/02
6140
推荐阅读
相关推荐
多链支持,真没你想的那么简单
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验