hexo+github高逼格个人博客搭建指南(准备篇)

author author     2022-08-19     349

关键词:

git

下载并安装git

进入git下载页面,下载合适的版本,并安装。一路 Next ,到了 Select Components 界面,勾选 Git Bash Here 和 Git GUI Here。一路 next,完成安装。
右键桌面,会看到右键菜单多了 Git Bash Here 和 Git GUI Here 两项。此时我们就可以在资源管理器中使用git了。
注意:我这次换了电脑重新安装git后发现右键git bash虽然弹出窗口,但当前目录竟然不在Desktop,后来发现是因为开启了搜狗壁纸的图标整理,关掉图表整理就好了。

github

申请github账号

1.注册github,填写昵称,输入邮箱地址,设置密码,没问题后点击 Sign up for GitHub 按钮。
2.这时页面跳转,这里要选择成为免费用户还是付费用户,当然了,我们选择免费用户就好了,除非你土豪你不在乎你就付费吧。O(∩_∩)O~
技术分享
3.第三步会让你选择一些如开发水平、注册github的目的等,这些都是可选项,然后点击 Submit 按钮,完成注册。

邮箱验证

1.登录github,点击右上角的头像,会出现一个列表,点击Settings。
技术分享
2.进入设置页面后,右侧导航中 Emails 会有一个警告图标,这是因为还未验证邮箱。进入你的注册邮箱(即Primary主邮箱)进行验证,若没有收到验证邮件,那么点击Resend重新发送。
技术分享

SSH的配置

在Settings页面我们可以看到 SSH and GPG Keys 标题,在这里我们可以将本地生成的ssh key添加到github,这样github就会信任这台机器,本地的代码就可以上传到github上了。
1.首先,桌面右键点击 Git Bash Here,打开命令窗口。
技术分享
2.输入如下命令,后面的邮箱就是你的主邮箱。

1
$ ssh-keygen -t rsa -C "[email protected]"

 

3.回车,让你输入保存key的目录,可以不填,回车;让你输入一个密码,可以不填,回车;确认秘密,可以不填,回车。
4.成功生成key并显示保存路径,例如:
技术分享
5.用记事本工具打开id_rsa.pub,全选复制;打开github,进入Settings,选择 SSH and GPG Keys,点击 New SSH key 按钮,title随便写,将复制的key粘贴到Key下的文本框内,点击 Add SSH key 按钮。
技术分享
技术分享

hexo

终于可以安装hexo了!!!^O^ 这个就简单了

安装hexo

1.首先桌面右键 Gti Bash Here打开命令窗口,输入如下命令全局安装hexo。

1
$ npm install -g hexo

 

2.新建一个文件夹,作为hexo的站点目录,具体位置你自己选择。进入该目录,右键 Git Bash Here,输入hexo初始化命令,执行成功后,站点目录下就会有hexo框架内容了。

1
$ hexo init

 

3.下载所需依赖,站点目录下会出现名为node_modules的文件夹,里面放的都是hexo所需要的依赖包。

1
$ nmp install

 

4.执行hexo generate,生成博客目录public,再执行hexo server,启动服务器;访问 http://localhost:4000/ 就可以查看本地博客了。
技术分享

 

 

原文链接: https://selina0526.github.io/2016/12/21/Hexo-Github-%E9%AB%98%E9%80%BC%E6%A0%BC%E4%B8%AA%E4%BA%BA%E5%8D%9A%E5%AE%A2%E6%90%AD%E5%BB%BA%E6%8C%87%E5%8D%97/

 

使用hexo+github搭建个人博客(代码片段)

使用Hexo+GitHub搭建一个属于自己的博客.准备注册GitHub账号,并建立新仓库你需要在Github上创建一个属于自己的账户,然后新建一个仓库(newrepository),并命名为YourSiteName.github.io,此时Github会帮助你初始化一... 查看详情

hexo+github搭建个人博客(代码片段)

Hexo+Github搭建个人博客目录目录目录1.简介环境简介2.Github仓库创建和配置2.1创建Git仓库2.2配置git仓库2.3把本地公钥添加到github中3.Node安装4.Hexo安装及配置4.1安装hexo4.2初始化hexo文件夹4.3Hexo操作4.4将git库和hexo链接起来5.创建博客文... 查看详情

搭建个人博客github+hexo(代码片段)

...绍了,快速开始准备安装软件依次安装1、Node.js2、Git注册github访 查看详情

github+hexo搭建个人博客(代码片段)

GitHub+Hexo搭建个人博客一、写在前面这篇文章主要介绍了,在Ubuntu14.04系统上通过GitHub+Hexo搭建个人博客,网上已经有比较多的关于这方面的文章,这里把自己在实际搭建过程的步骤记录下来,以便以后查询... 查看详情

github与hexo搭建个人博客

GitHub与Hexo搭建个人博客安装node.js? 自己百度安装Git? 自己百度创建GitHub仓库安装hexo? npminstall-ghexo-cli新建文件夹初始化文件夹? hexoinit安装依赖包? hexoinstall安装hexo-deployer-git? npminstallhexo-deployer-git--save在_config.yml文件中配置如下把... 查看详情

hexo+butterfly+github+coding搭建个人博客(代码片段)

Hexo+Butterfly+Github+Coding搭建个人博客背景之前用docsify搭建了一个简单的博客,但是docsify主题较少(也可能本人没有找到正确的设置方法⊙﹏⊙‖∣),没有自己很喜欢的主题。于是,在近期,利用空闲的时间,用Hexo重新搭建了一个... 查看详情

hexo+github搭建个人博客

...主题生成静态网页。1.安装git【因为我们写好的博客受与github相关联,在本地可以运行后,还要通过git相关工具自动化部署到github,所以git必须有】2.安装node【hexo的服务器是基于node的】3.安装hexo  全局输入npmi 查看详情

ubuntu+hexo+github搭建个人博客(代码片段)

Ubuntu+Hexo+Github搭建个人博客目录目录目录1.简介环境2.Git安装及配置2.1安装Git2.2创建Git仓库2.3配置git仓库2.4添加公钥3.Node安装4.Hexo安装及配置4.1安装hexo4.2初始化hexo文件夹4.3Hexo操作4.4将git库和hexo链接起来5.更换主题6.博客迁移6.1常... 查看详情

使用node.js+hexo+github搭建个人博客(续)

一、写在前面在我的上一篇博客《使用Nodejs+Hexo+Github搭建个人博客》中,已经介绍了如何使用Hexo在GithubPages上搭建一个简单的个人博客。该篇博文将在上篇博文的基础上分别从以下几个方面做简单的后续介绍:博客相关配置介绍... 查看详情

使用github和hexo搭建个人博客(代码片段)

...博客初始化项目生成静态文件本地部署写作配置部署创建GitHub仓库安装Hexo插件部署绑定域名查看仓库IP设置域名解析配置CNAME部署Next主题及设置更换主题设置布局设置左边栏设置分类设置标签设置关于设置搜索设置访问量设置头... 查看详情

使用hexo和github搭建个人博客网站(代码片段)

使用hexo+github可以免费、快速地搭建一个静态博客网站,并且使用hexo提供的命令以及git自身的功能可以很便捷地管理博客。使用github部署静态页面在了解hexo之前,我们先看看如何使用github部署静态页面。注册github账号访问github... 查看详情

github搭建个人博客hexo框架next主题

... 大体就是,先在本地搭建好整个系统,然后再提交到github。 因为此篇文章只是捡部分内容说,所以我先列出来我参考的博客,这里谢谢他们的无私分享了。hexo博客框架+next主题+插件等整个流程请 查看详情

使用hexo+github搭建个人博客(代码片段)

使用Hexo+GitHub搭建一个属于自己的博客.准备注册GitHub账号,并建立新仓库你需要在Github上创建一个属于自己的账户,然后新建一个仓库(newrepository),并命名为YourSiteName.github.io,此时Github会帮助你初始化一... 查看详情

基于github与hexo搭建个人博客(代码片段)

 1.Hexo简单实用   hexo中文文档:https://hexo.io/zh-cn/docs/1.1什么是hexo?  Hexo是一个快速、简洁且高效的博客框架。Hexo使用Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。 1.2安装... 查看详情

hexo+github搭建个人博客网站

参考这两篇文章https://chujunwen.xyz/posts/c41c188d/图文https://www.cnblogs.com/fengxiongZz/p/7707219.htmlhttps://blog.csdn.net/weixin_30472035/article/details/98930302 查看详情

github&hexo搭建个人博客(代码片段)

Github&Hexo搭建个人博客创建Repository配置SSHkeys博客部署创建Repository配置SSHkeys检查自己电脑上现有的SSHkey生成新的SSHKey添加SSHKey到GitHub在本地文件夹找到id_rsa.pub文件,看上面的图片第四行的位置告诉你存在哪里了这个文件... 查看详情

hexo+github个人博客搭建(代码片段)

...的!写完后只需两三条命令即可将生成的网页上传到你的github上,然后别人就可以看到你的网页啦。是不是很简单?你无需关心网页源代码的具体细节,你只需要用心写好你的博客内容就行。 查看详情

亲测hexo+github个人博客搭建(代码片段)

什么是Hexo?Hexo是一个快速、简洁且高效的博客框架。Hexo使用Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。安装Hexo相当简单然而在安装前,您必须检查电脑中是否已安装下列应用程序:Nod... 查看详情