我的博客不是梦——Github Pages+Hexo搭建个人博客

前言

  • Github Pages是面向用户、组织和项目开放的公共静态页面搭建托管服务,站点可以被免费托管在Github 上,你可以选择使用Github Pages默认提供的域名github.io或者自定义域名来发布站点;
  • Hexo是一个快速、简洁且高效的博客框架。Hexo 使用Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页;
  • 入门级文章,所有操作基于Windows系统;文中打开文件所用的软件是Notepad++(免费)或Sublime Text(需要user license)。

前期工作

软件安装:与普通软件安装方式一样;安装过程中,若有Add to PATH选项都要勾选。

  • 下载安装Git;
  • 下载安装Node.js;
  • Git配置:打开Git Bash开始菜单—>Git—>Git Bash,并依次输入以下代码:

    $ git config --global user.name "Your Name"          
    $ git config --global user.email "email@example.com"  
    

    这里写图片描述

配置Github

  • 注册并登录Github
    这里写图片描述
  • 创建SSH Key:打开Git BashWindows CMD,输入:ssh-keygen -t rsa -C "Github的注册邮箱地址",一路回车,完成后会在用户目录下生成id_rsa(不能泄露)和id_rsa.pub
    这里写图片描述 这里写图片描述
  • 添加SSH Key到Github:复制id_rsa.pub文件内容进行以下操作(图片来自于浅茉);
    这里写图片描述
  • 创建仓库,repository name必须为:your-Github-name.github.io;
    这里写图片描述

基于Hexo搭建博客

  • 安装HexoGit bashwindows CMD上输入:$ npm install -g hexo-clinmp简介
  • 建站/初始化:(生成文件简介):在本地合适盘新建文件夹(用来放blog资料的:例如我的F:\1A--BIG.JUN\Blogs\Blogs);打开这个空文件夹,右键选择Git Bash Here 。输入:$ hexo init初始化文件夹;
    这里写图片描述
  • 生成静态文件$ hexo generate$ hexo g,生成文件放在public文件夹下;(初始化hexo 之后source目录下自带一篇hello world文章);
    这里写图片描述
  • 本地浏览

    1、启动本地服务器:输入$ hexo server$ hexo s
    2、在浏览器输入:http://localhost:4000,即可显示生成的文章网页;
    3、停止预览:键盘ctrl+c
    这里写图片描述
    Tip页面不能加载或端口4000被占用情况解决方法

  • 更改主题
    如果觉得默认主题不好看的,可以更改主题:官网主题NexT主题等,以NexT主题为例;`

    1、下载主题:git clone https://github.com/iissnan/hexo-theme-next themes/next;
    这里写图片描述2、应用主题:打开站点配置文件_config.yml,找到theme,更改为next;之后在Git Bash中依次输入:$ hexo clean(清理缓存数据)、$ hexo g$ hexo s;
    这里写图片描述这里写图片描述 这里写图片描述 3、验证主题:浏览器输入http://localhost:4000
    这里写图片描述

部署到Github

  • 网站仓库路径复制
    这里写图片描述
  • 修改站点配置文件_config.yml,repository设为你刚才复制的仓库路径;
    这里写图片描述
  • 安装Git插件$ npm install hexo-deployer-git --save;
    这里写图片描述
  • 将新生成文件部署到Github$ hexo d
    这里写图片描述
  • 网站验证:浏览器输入:http://bigjun777.github.io(修改成你的,因为我绑定了域名,所以下图显示的是bigjun.me)。
    这里写图片描述 这里写图片描述

新建文章与发布

至此,我们已经完成了个人博客的搭建,接下来讲一下新建文章与发布。

  • 新建文章Git Bash中输入:$ hexo new "文章名",看提示在相应目录下能找到*文章名.md文件;
    这里写图片描述
  • 编辑文章:使用Markdown编辑器来进行编写;
    这里写图片描述
  • 清理缓存、刷新静态文件:依次输入$ hexo clean$ hexo g;
    这里写图片描述
  • 本地服务器浏览、部署Github:一般情况下我们先在本地$ hexo s本地预览文章格式没问题后,再使用$ hexo d上传到Github仓库,此时在浏览器输入:http://bigjun777.github.io,会看到新文章已经上传。
    这里写图片描述

总结

  • 常用命令

    $ hexo new "~~~"  #新建文章      
    $ hexo g          #生成静态文件     
    $ hexo s         #本地浏览  
    $ hexo clean     #清理缓存  
    $ hexo d         #部署到Github  
    
  • 上述就是基于Hexo使用Github Pages来搭建个人博客的整个入门流程,至此你已经建好博客的大体框架,知道了如何更新文章。本文旨在记录分享,通过结合前人的教程经由自己实操总结出来,个别片段、图片如有错漏或出现侵权的敬请与我联系,我定当及时处理。下一篇博文更新:我的博客我做主——Hexo-NexT博客框架优化 。我的个人博客BigJun’s Blog
    这里写图片描述

参考资料/拓展阅读

1、Hexo官方使用文档
2、NexT官方使用教程
3、Hexo+GitHub博客搭建实战–From wangwlj
4、Hexo搭建独立博客全纪录(三)使用Hexo搭建博客–From浅茉
5、修改npm下载模块安装位置

Python网络爬虫与推荐算法新闻推荐平台:网络爬虫:通过Python实现新浪新闻的爬取,可爬取新闻页面上的标题、文本、图片、视频链接(保留排版) 推荐算法:权重衰减+标签推荐+区域推荐+热点推荐.zip项目工程资源经过严格测试可直接运行成功且功能正常的情况才上传,可轻松复刻,拿到资料包后可轻松复现出一样的项目,本人系统开发经验充足(全领域),有任何使用问题欢迎随时与我联系,我会及时为您解惑,提供帮助。 【资源内容】:包含完整源码+工程文件+说明(如有)等。答辩评审平均分达到96分,放心下载使用!可轻松复现,设计报告也可借鉴此项目,该资源内项目代码都经过测试运行成功,功能ok的情况下才上传的。 【提供帮助】:有任何使用问题欢迎随时与我联系,我会及时解答解惑,提供帮助 【附带帮助】:若还需要相关开发工具、学习资料等,我会提供帮助,提供资料,鼓励学习进步 【项目价值】:可用在相关项目设计中,皆可应用在项目、毕业设计、课程设计、期末/期中/大作业、工程实训、大创等学科竞赛比赛、初期项目立项、学习/练手等方面,可借鉴此优质项目实现复刻,设计报告也可借鉴此项目,也可基于此项目来扩展开发出更多功能 下载后请首先打开README文件(如有),项目工程可直接复现复刻,如果基础还行,也可在此程序基础上进行修改,以实现其它功能。供开源学习/技术交流/学习参考,勿用于商业用途。质量优质,放心下载使用。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值