前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Hexo+Github个人网站搭建

Hexo+Github个人网站搭建

作者头像
石璞东
修改2020-04-22 22:04:44
1.1K0
修改2020-04-22 22:04:44
举报
文章被收录于专栏:石璞东 | haha石璞东 | haha

前言

有输入必定有输出,输入效率越高,涉猎范围越广,产出内容越优质。优质的内容 + 优质的输出平台 = 好的个人名片。

今天这篇文章就给各位介绍下如何利用Hexo+Github搭建属于自己的博客平台,从而让其成为自己的一张名片。

简单介绍下~

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

为什么选择Hexo呢?

  • 因为hexo非常小巧,使用nodejs开发,下载安装时只需要几个简答的npm命令即可。
  • 纯静态博客,不需要什么额外的mysql数据库、php环境…仅仅需要一个nodejs环境即可。
  • 由于是静态博客,所以,可以非常方便部署到github、gitcafe上(后者是国内的,速度可能更有保证)
  • 支持markdown语法、兼容windows linux mac,高可扩展性和自定义,而且有非常多的hexo主题…

搭建过程详解

1.安装Node

地址:https://nodejs.org/en/

2.安装Git

地址:https://git-scm.com/

安装之后,通过如下命令:

代码语言:javascript
复制
git --version
代码语言:javascript
复制
node -V

检查安装是否成功,若通过cmd命令行可正常查看git或node的版本,则意味着安装成功!

3.以上两个安装成功后,借用node的包管理工具npm安装hexo-cli

代码语言:javascript
复制
npm install -g hexo-cli

4.安装 Hexo 完成后,请执行下列命令,Hexo 将会在指定文件夹中新建所需要的文件。

代码语言:javascript
复制
hexo init yangzhuo
代码语言:javascript
复制
cd yangzhuo
代码语言:javascript
复制
npm install

5.Hexo 3.0 把服务器独立成了个别模块,您必须先安装 hexo-server 才能使用。

代码语言:javascript
复制
npm install hexo-server –save

6.安装完成后,输入以下命令以启动服务器,您的网站会在如下地址:

http://localhost:4000

下启动。在服务器启动期间,Hexo 会监视文件变动并自动更新,您无须重启服务器。

代码语言:javascript
复制
hexo server

现在小伙伴就可在本地访问你的网站了,来看看吧~

但是大家都知道,小ha是一个能力不高,眼光很高的人,本地查看怎么能满足他的要求,我们来为上线做做准备~

7.注册github账号并建立仓库

保存提交之后,查看仓库内容,会发现有一个index.html的文件,然后通过如下地址访问页面,效果如下图所示:

地址:https://yzzhuozhuo.github.io/

8.通过ssh关联此仓库并发布上线

  • 生成ssh密钥
代码语言:javascript
复制
ssh-keygen -t rsa -c "1306846969@qq.com"
  • 将公钥复制到github(:windows平台下密钥一般存储在c盘
  • 配置用户名和密码
代码语言:javascript
复制
git config –global user.name "yangzhuo"
代码语言:javascript
复制
git config –global user.email "1306846969@qq.com"
  • 测试github仓库是否连接成功
代码语言:javascript
复制
ssh -T git@github.co

若测试结果如上所示,则代表连接成功~,喝瓶RIO庆祝一下吧~o(* ̄▽ ̄*)ブ

  • 安装部署工具
代码语言:javascript
复制
npm install –save hexo-deployer-git
  • 修改配置文件 打开你建立的文件夹,如图所示,记事本方式打开_config.yml文件

修改如下:

  • 线上部署
代码语言:javascript
复制
hexo g -d

查看github仓库内容,若出现如下情况,则恭喜你,距离成功仅差一丢丢了哟~

主题配置

主题地址:

https://hexo.io/themes/#%E4%B8%AD%E6%96%87

小伙伴们可以根据自己或者女朋友的喜好挑选一个高端大气的主题~这里我就不赘述了,免得引起你们女朋友吃醋~?

展示一下搭建好的效果图:

Github+Hexo搭出来的网站,访问速度比较慢,推荐大家去阿里云或者腾讯云等云服务提供商买个服务器,再买个域名,自己搭建一个博客或者网站。

网站日常内容更新

网站内容的更新一般由网站运营者通过编辑md文件,然后校对并在本地进行测试,确认无误之后,将其发布上线,下面将介绍如何发布一篇文章:

按照下图中路径地址打开文件夹,每次将写好的md文件保存至此

此页面内打开git终端通过如下命令本地(localhost:4000)查看:

代码语言:javascript
复制
hexo s

如果本地查看无误,然后通过如下命令上线发布:

代码语言:javascript
复制
hexo d

最后,小伙伴们可通过如下地址访问博客了: 地址:https://yzzhuozhuo.github.io/

声明

更多内容请移步我的公众号平台hahaCoder或者个人网站http://www.shipudong.com进行查看。

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2020-01-18,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 hahaCoder 微信公众号,前往查看

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

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

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 前言
  • 搭建过程详解
  • 主题配置
  • 网站日常内容更新
  • 声明
相关产品与服务
网站建设
网站建设(Website Design Service,WDS),是帮助您快速搭建企业网站的服务。通过自助模板建站工具及专业设计服务,无需了解代码技术,即可自由拖拽模块,可视化完成网站管理。全功能管理后台操作方便,一次更新,数据多端同步,省时省心。使用网站建设服务,您无需维持技术和设计师团队,即可快速实现网站上线,达到企业数字化转型的目的。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档