博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Github博客搭建(1)
阅读量:5914 次
发布时间:2019-06-19

本文共 1233 字,大约阅读时间需要 4 分钟。

这是一篇有关如何使用Github Pages和Hexo搭建自己独立博客的详尽教程,里面介绍了如何使用和配置Hexo框架,还有我在搭建自己博客过程中所遇到的各种困难。

Hexo基本配置

  1. 安装

    # 添加环境变量# 检查是否安装成功...node -vnpm -v
  2. 安装,Git的相关教程可以参看

    # 配置信息git config --global user.name "ichinose"git config --global user.email xxxx@gmail.com# 查看配置情况git config --list# 配置SSH keyssh-keygen -t rsa -C "youremail@example.com"# 会在c/Users/ichinose/.ssh生成秘钥和公钥# 将公钥添加到Github的Setting->SSH中

    img

  3. 安装

    Hexo就是我们的个人博客网站的框架,这里我们可以先创建一个hexotext文件夹来存放所有的hexo相关文件,我们需要利用npm命令来安装相应的包,在hexotext文件夹中右键打开git bash或者使用cmder

    使用npm命令安装Hexo,输入:

    npm install hexo-cli -g

    初始化Blog:

    hexo init Blog# 会初始化一个Blog文件夹,这就是我们的博客

    启动服务:

    cd Blognpm installhexo s

    遇到的问题

    打开localhost:4000没有页面,这可能是端口被占用,需要修改端口号。Hexo3.0开始,把服务器做成了独立的模块,因此需要安装。

    方法:

    npm install hexo-server --save# 暂时修改端口,以其他端口打开服务hexo s -p 4001# 全局修改# 找到node_modules\hexo-server\index.js文件,可以修改默认的port值(不建议)

博客部署

安装工具包:

npm install hexo-deployer-git --save

现在本地的博客已经搭建起来了,但是我们只可以通过本地连接查看我们的博客。如果我们需要博客在网络上被别人看到,就需要将博客发布到服务器上,而Github Pages就帮我完成了这件事情。我们需要新建一个Github项目。(可以不初始化README)

img

复制你新建的仓库的SSH链接,配置到config.yml中:

# Deployment## Docs: https://hexo.io/docs/deployment.htmldeploy:  type: git  repo: git@github.com:username/username.github.io.git  branch: master

生成博客,并部署:

hexo cleanhexo ghexo d

完成上述配置就可以在你的Github Page访问了,地址:

转载地址:http://ctmpx.baihongyu.com/

你可能感兴趣的文章
jmeter测试教程
查看>>
Trie 树内存消耗问题
查看>>
区块链教程btcpool矿池源码分析slparser
查看>>
OC 中,覆盖属性会有怎么样的化学反应?
查看>>
Linux MySQL 8.0 忘记密码
查看>>
Android:随笔——我们用什么来替代 Enum 这个内存大户
查看>>
TCP连接的状态详解以及故障排查
查看>>
RFC2616-HTTP1.1-Methods(方法规定部分—译文)
查看>>
集成学习之Boosting —— Gradient Boosting原理
查看>>
Setting up a Multi-Cloud CI/CD Chain using Alibaba Tools
查看>>
Sql Server之旅——第二站 理解万恶的表扫描
查看>>
2014年小结——没有最好,只有更好
查看>>
人工智能成热点 智能手机比拼三大技能点
查看>>
每日一道算法题--leetcode 15--三数之和--python
查看>>
2017 11 2
查看>>
《阿里云前端技术周刊》第二期
查看>>
MyBatis中的${}和#{}
查看>>
以API驱动的开发流程:选择一个出色的API规范可以帮你节省时间和省去麻烦
查看>>
D2 日报 2019年5月28日
查看>>
如何更好的使用module vuex?
查看>>