github+hexo来搭建个人博客——保姆级教程

简介: github+hexo来搭建个人博客——保姆级教程

1. 在github创建仓库

  • 仓库名字一定是:用户名.github.io的模式,如我的用户名是hxd250,故该仓库名为 “hxd250.github.io” 。
  • b72e0f97bc0f050a9446358879f8cae0.png
  • 将 “Add a README file” 勾上,然后点击 “Create repository”

b937b8990f30ed297e9f330199450658.png

  • 创建成功后进入仓库主页,点击“setting”进入设置


b937b8990f30ed297e9f330199450658.png

  • 在最后面哪里点击Change theme选择主题

1aefc68c0588c592ee7407db409d609c.png


  • 任意选择一个主题,到此你的仓库就创建成功了!

  • b589ba725184c05983fba6343dec541d.png

2. 下载安装Git和node.js

  • git : 在官网下载很慢,可以使用阿里巴巴的镜像源下载,地址:

https://npm.taobao.org/mirrors/git-for-windows/, 选择最新的就好了。


git安装成功会在你的鼠标右键的列表中多出Git GUI here 和 Git Bash here


node.js : https://nodejs.org/zh-cn/download/, 根据你的系统选择就好了


在终端运行 node -v 和 npm -v ,安装node.js成功会显示:

31fda7ad9b2eeedd325536fbe23cdfa2.png

3. 安装hexo

  • 在你觉得适合的位置创建一个blog文件夹,进入该文件夹,右键点击Git Bash here,会进入如下界面:

4097a4639de32096c2c97ae8a8f60379.png

更新npm


换成阿里源:npm config set registry https://registry.npm.taobao.org


验证命令: npm config get registry //返回https://registry.npm.taobao.org, 说明镜像配置成功。

23b08a9d11f8e683b80c2245380a40dd.png

  • 使用 “npm m -g hexo" 命令来安装hexo主题

db27405ca6e945a19c00ad62bf4c5664.png


  • 使用 "hexo -v"来查看hexo是否安装成功,成功就会返回hexo的相关信息


ee808f4871a3ad463207fdedd0385924.png

  • 输入 “hexo init” 初始化文件夹,需要等好一会,最后会出现 “Start blogging with Hexo!" 字样。4c65d7826b3f9cbdfdbab5fa47ab59e0.png

  • 输入 npm install,安装所需组件


77c207e373ae74747ce6aa29a472adb2.png

  • 输入 “hexo g”

3f1019d29e60067333fbd7937e9149e0.png


  • 输入“hexo s” , 启动本地服务器,通过“http://localhost:4000”来访问


39eb8faded6e62c4d27fb89520e1b1d7.png

  • 成功界面如下:

image.png


  • 更换主题:

首先你要先找到你需要的主题,可以去百度或者github搜索hexo主题,找到你喜欢的主题,得到其github地址。如我找到的:https://github.com/Fechin/hexo-theme-diaspora.git


2a491c038852a4727afc1fe805975f57.png

在git终端输入:git clone + 你找到的主题的git地址 + themes/主题名, 来下载该主题。你下载的主题都会保存在themes文件夹内。如:git clone https://github.com/Fechin/hexo-theme-diaspora.git themes/diaspora


8becdf09654dda547deea3410e698a8d.png

  • 上一步操作我们把主题下载好了,然后就得修改配置文件。
  • 4c969c2d7e4c865498c855d707ac635f.png

  • 在你创建的blog文件下有_config.yml文件,打开该文件,将里面的"theme: "后面接的主题修改为你下载的主题名。如:theme: diaspora

4. 部署到GitHub上

  • 使用Hexo deploy 部署到github
  • 编辑根目录(我们创建的blog目录)下_config.yml文件,翻到最后修改为代码(hxd250换成自己的用户名),并进行保存。注意:冒号和后面的内容有一个空格!


45bba3c74d2c649fb52357a9f5034d02.png

在git终端输入:npm install hexo-deployer-git --save 来安装Git部署插件

检查SSH Keys设置


在git终端输入cd ~/.ssh , 如果出现“bash: cd: /c…” 的错误,说明不存在.ssh


解决办法:


输入:ssh-keygen -t rsa -C “xxxxxxx”(自己邮箱),提示你输入时不用管,回车就完了

在输入 cd ~/.ssh 没有报错,说明成功了

输入eval “$(ssh-agent -s)” , 添加密匙到ssh-agent(以下两个操作可有可无)


e7072e0e0c756fb0177319fb9ecef2c3.png

  • 输入 ssh-add ~/.ssh/id_rsa , 添加生成的SSH key到ssh-agent


d838fea4a17667f465bbc92b000302ea.png

  • 添加SSH Key到GitHub
  • 进入你的主页设置(右上角):



8bf21b9b5110502fdb23ea56529d0943.png

  • 点击“SSH and GPG keys”,然后点击“New SSH key”新建SSH keys

a04ea9632182abddda54780276ef6a1f.png


  • 在终端输入cat id_rsa.pub , 复制显示出的所有文本



6b7230d6282d52cca4b73fb5a634909c.png


3ec6aece4675db1bb41313549c290ed4.png

输入ssh -T git@github.com,测试添加ssh是否成功。如果看到Hi后面是你的用户名,就说明成功了(有一个会让你输入 yes)


2841851d6a6dfe5d580b0234fc5b7610.png


设置账号信息,需要你的你的用户名和注册时使用的邮箱


d3998e8a18c92e7c1f3af67e11d1814a.png


部署到GitHub上,输入hexo d -g , 使用网址:https://你的用户名.github.io 访问博客。


32d43c9d9be1bd7347175e7691389555.png


好了,安装完毕了,如果想使用阿里云的ECS实例+hexo来搭建博客,请参考大神的博客:


https://zhuanlan.zhihu.com/p/126243913

https://blog.csdn.net/qq_44747221/article/details/105045390


目录
相关文章
|
3月前
|
网络协议 开发工具 git
hexo github部署,通过域名访问你的博客
本文介绍了如何使用Hexo命令部署博客到GitHub,并详细说明了如何通过自定义域名访问GitHub上部署的博客。
hexo github部署,通过域名访问你的博客
|
4月前
|
存储 Linux Go
如何在Github上Pull Request的教程
关于如何在GitHub上发起Pull Request(合并请求)的详细教程,包括Fork(分支)、Clone(克隆)、创建新分支、修改代码、提交更改、推送到远程仓库等步骤,并提供了解决权限问题的方法,如创建个人访问令牌(Personal Access Token)。
126 6
|
4月前
|
数据采集 数据可视化 Ruby
GitHub星标破万!Python学习教程(超详细),真的太强了!
Python 是一门初学者友好的编程语言,想要完全掌握它,你不必花上太多的时间和精力。 Python 的设计哲学之一就是简单易学,体现在两个方面: 1. 语法简洁明了:相对 Ruby 和 Perl,它的语法特性不多不少,大多数都很简单直接,不玩儿玄学。 2. 切入点很多:Python 可以让你可以做很多事情,科学计算和数据分析、爬虫、Web 网站、游戏、命令行实用工具等等等等,总有一个是你感兴趣并且愿意投入时间的。
怎样在GitHub上建立仓库、以及怎样实现分支代码的合并。保姆级别的教程
这篇文章是一份详细的GitHub使用教程,介绍了如何在GitHub上创建仓库、创建分支、编辑和发布更改内容、发起拉取请求以及合并分支的操作步骤。
怎样在GitHub上建立仓库、以及怎样实现分支代码的合并。保姆级别的教程
|
4月前
|
SQL 运维 安全
GitHub爆赞的Web安全防护指南,网络安全零基础入门必备教程!
web安全现在占据了企业信息安全的很大一部分比重,每个企业都有对外发布的很多业务系统,如何保障web业务安全也是一项信息安全的重要内容。 然而Web 安全是一个实践性很强的领域,需要通过大量的练习来建立对漏洞的直观认识,并积累解决问题的经验。 Web安全与防护技术是当前安全界关注的热点,今天给小伙伴们分享的这份手册尝试针对各类漏洞的攻防技术进行体系化整理,从漏洞的原理到整体攻防技术演进过程进行详细讲解,从而形成对漏洞和web安全的体系化的认识。
|
4月前
|
SQL 运维 安全
GitHub爆赞的Web安全防护指南,网络安全零基础入门必备教程!
web安全现在占据了企业信息安全的很大一部分比重,每个企业都有对外发布的很多业务系统,如何保障web业务安全也是一项信息安全的重要内容。 然而Web 安全是一个实践性很强的领域,需要通过大量的练习来建立对漏洞的直观认识,并积累解决问题的经验。 Web安全与防护技术是当前安全界关注的热点,今天给小伙伴们分享的这份手册尝试针对各类漏洞的攻防技术进行体系化整理,从漏洞的原理到整体攻防技术演进过程进行详细讲解,从而形成对漏洞和web安全的体系化的认识。
|
5月前
|
网络协议 Unix Linux
网安人必须人手一份的《Linux私房教程》,GitHub星标286K!
Linux是一套免费使用和自由传播的操作系统内核,是一个基于POSIX和Unix的多用户、多任务支持多线程和多CPU的操作系统内核。它能运行主要的Unix工具软件、应用程序和网络协议。它支持32位和64位硬件。Linux继承了Unix以网络为核心的设计思想,是一个性能稳定的多用户网络操作系统内核。 作为网络安全的初学者,Linux基础知识和常用命令是我们的必备技能,我们不能只会操作Windows相关的工具。一方面很多网站都是基于Linux环境搭建,比如LAMP,其安全性更好;另一方面,很多命令或工具都集成在了Linux相关环境中,比如Kali等。 今天给小伙伴们分享一份Linux私房教程,这份
|
JavaScript 网络安全 开发工具
一、搭建篇-使用Github-hexo搭建个人博客教程—总结自己爬过的坑
一直想要拥有自己的一个博客,CSDN,那些又觉得不够个性化(主要是觉得逼格不够,哈哈) Github搭建博客的优点: 1、不需要域名和服务器 2、访问自己博客的时候没有广告 3、可以自己修改样式,能根据自己的需求加功能。
8985 0
|
JavaScript 网络安全 开发工具
一、搭建篇 --使用Github+hexo搭建个人博客教程—总结自己爬过的坑
一直想要拥有自己的一个博客,CSDN,那些又觉得不够个性化(主要是觉得逼格不够,哈哈) Github搭建博客的优点:1、不需要域名和服务器 2、访问自己博客的时候没有广告 3、可以自己修改样式,能根据自己的需求加功能。
1223 0
|
2月前
|
编解码 Oracle Java
java9到java17的新特性学习--github新项目
本文宣布了一个名为"JavaLearnNote"的新GitHub项目,该项目旨在帮助Java开发者深入理解和掌握从Java 9到Java 17的每个版本的关键新特性,并通过实战演示、社区支持和持续更新来促进学习。
90 3