设为首页 收藏本站
查看: 732|回复: 0

[经验分享] HEXO+Git+Github+域名搭建个人博客

[复制链接]

尚未签到

发表于 2018-1-13 19:15:27 | 显示全部楼层 |阅读模式
搭建个人博客可以分为以下五个部分

一、搭建本地环境(个人为Win10)
  1、安装Git,下载地址:点击
  下载后,按提示进行安装即可,作用是:把本地的内容提交到github上去
  注意:官网下载速度不是很快,可以去其他地方搜索相关资源。
  2、安装Node,下载地址:点击
  按顺序安装即可
  3、安装Hexo
  Node和Git都安装好后,创建一个文件夹,如blog,用于存放后期用到的所有的hexo文件。
  在blog文件夹中右键,选择git bash here,打开窗口,输入:
  

npm install hexo-cli -g  

  然后输入
  

npm install hexo --save  

  待安装完成后,输入一下代码,用来查看版本
  

hexo -v  


  然后执行init命令初始化hexo,命令:
  

hexo init  

  至此,全部安装工作已经完成!
  接下来,执行以下代码,用来生成服务,然后在本地访问。
  

hexo g  

  

hexo s  

  执行后,会出现代码如图:

  在浏览器中输入http://localhost:4000/ ,可以访问即表示本地hexo发布成功。

二、搭建GitHub环境
  1、在GitHub官方注册账号
  2、New repository
  此处,注意Owner的名称与repository的前半部分必须一致,例如:

  3、开启GitHub pages
  打开这个库的setting页面,找到GitHub Pages,创建即可,创建成功后,便可以通过浏览器访问owner.github.io
  三、将本地Hexo与github page 联系起来
  1、配置Git个人信息
  

git config --system user.name "yourusername"  
git config --system user.email "youremail@163.com"
  

  运行截图如下:

  2、配置Deployment
  在_config.yml文件中找到deployment,然后配置如下:
  

deploy:  

type: git  

repo:git@github.com:githubname/githubname.github.io.git  

branch: master  

  注意:内容一定要保证无空格,否则会报错;
  3、发布到Github
  输入如下命令:hexo clean && hexo g && hexo d;
  也可以分三步:
  

hexo clean  

hexo generate  

hexo deploy  

  在执行deploy中,会弹出输入框如下,分别输入在GitHub上的账号密码即可;

  这样就实现了本地与GitHub的连接,当然也可以通过SSH Keys方式。两种方式都可以~

四、域名关联GitHub
  1、域名可以前往相关网站购买,我是在阿里云上购买的,购买成功后,将域名进行解析,如图
  
  其中记录类型选择CNAME,记录值填写GitHub的仓库。域名解析是需要时间的,不要急于操作。
  2、在blog中的public文件夹中创建CNAME,不带任何后缀名的文件;文件中填写上你的域名,不要写www
  如图:

  然后执行hexo d命令 发布到GitHub上去,会在仓库中看到该文件,如图:

  然后再去settings下面的pages中看到如下图

  这样就可以通过域名访问博客了。

五、Hexo的部分使用介绍
  hexo官网
  无论是设置文章内容还是整体样式等,一定要注意一点:key和value值之间一定要有空格,否则会报错。
  

六、个人感觉不错的HEXO主题
  所有主题列表

1、leopard

2、NexT

3、yilia
  个人博客地址:http://dreamice.top/

运维网声明 1、欢迎大家加入本站运维交流群:群②:261659950 群⑤:202807635 群⑦870801961 群⑧679858003
2、本站所有主题由该帖子作者发表,该帖子作者与运维网享有帖子相关版权
3、所有作品的著作权均归原作者享有,请您和我们一样尊重他人的著作权等合法权益。如果您对作品感到满意,请购买正版
4、禁止制作、复制、发布和传播具有反动、淫秽、色情、暴力、凶杀等内容的信息,一经发现立即删除。若您因此触犯法律,一切后果自负,我们对此不承担任何责任
5、所有资源均系网友上传或者通过网络收集,我们仅提供一个展示、介绍、观摩学习的平台,我们不对其内容的准确性、可靠性、正当性、安全性、合法性等负责,亦不承担任何法律责任
6、所有作品仅供您个人学习、研究或欣赏,不得用于商业或者其他用途,否则,一切后果均由您自己承担,我们对此不承担任何法律责任
7、如涉及侵犯版权等问题,请您及时通知我们,我们将立即采取措施予以解决
8、联系人Email:admin@iyunv.com 网址:www.yunweiku.com

所有资源均系网友上传或者通过网络收集,我们仅提供一个展示、介绍、观摩学习的平台,我们不对其承担任何法律责任,如涉及侵犯版权等问题,请您及时通知我们,我们将立即处理,联系人Email:kefu@iyunv.com,QQ:1061981298 本贴地址:https://www.yunweiku.com/thread-434779-1-1.html 上篇帖子: 八、git学习之 下篇帖子: 任小飞
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

扫码加入运维网微信交流群X

扫码加入运维网微信交流群

扫描二维码加入运维网微信交流群,最新一手资源尽在官方微信交流群!快快加入我们吧...

扫描微信二维码查看详情

客服E-mail:kefu@iyunv.com 客服QQ:1061981298


QQ群⑦:运维网交流群⑦ QQ群⑧:运维网交流群⑧ k8s群:运维网kubernetes交流群


提醒:禁止发布任何违反国家法律、法规的言论与图片等内容;本站内容均来自个人观点与网络等信息,非本站认同之观点.


本站大部分资源是网友从网上搜集分享而来,其版权均归原作者及其网站所有,我们尊重他人的合法权益,如有内容侵犯您的合法权益,请及时与我们联系进行核实删除!



合作伙伴: 青云cloud

快速回复 返回顶部 返回列表