基于GitHub+Hexo搭建个人网站

news/2024/5/9 13:08:00/文章来源:https://blog.csdn.net/qq_42264597/article/details/113342648

基于GitHub+Hexo搭建个人网站

软件安装:

Node.js:https://nodejs.org/en/

安装Node.js注意检查有没有安装成功。出现版本号就是安装成功了。

img

Git:https://git-scm.com/

注册Github

https://github.com/

个人网站的固定格式:username.github.io

值得注意的是username是github用户名

创建Repository:Repository名字是username.github.io(这个仓库是进行与你的博客相关的管理,之后你博客的动态都会在这Repository更新)

配置和使用GitHub

开始——所有应用——Git bash(如果是新安装的,可以很快在“开始”处找到,如果不是,那么最好用搜索功能哈)

配置SSH Keys

SSH Keys用来使本地git项目与GitHub联系,这样能在GitHub上的博客项目是最新更新的。

检查SSH Keys的设置

1、检查自己电脑现有的SSH Keys:

$ cd ~/.ssh
在这里插入图片描述

2、生成新的SSH Key:

$ ssh-keygen -t rsa -C "邮件地址@youremail.com"
Generating public/private rsa key pair.
Enter file in which to save the key (/Users/your_user_directory/.ssh/id_rsa):(回车就🆗)

邮箱地址为注册GitHub账号时的邮箱地址。

回车过后,会提示你输入密码,这个密码是你提交项目时使用的

值得注意的是:输入密码没有任何输入痕迹的,输入密码后直接回车就好了,回车后要求重新输入密码

Enter passphrase (empty for no passphrase):<设置密码>
Enter same passphrase again:<再次输入密码>

再次回车之后会看到这样的一个界面:

在这里插入图片描述

3、添加SSH key到GitHub上

在本地文件夹中找到id_rsa.pub文件,在你的界面中可以知道该文件放在那,如上图的第六行代码,顺着该位置就可以找到相对应的id_rsa.pub文件

回到你的GitHub主页中,右上角点击头像选中Setting

在这里插入图片描述

后继续选中左边菜单栏的SSH and GPG keys

在这里插入图片描述

Title可以随便填。Key里填的是下图中的id_rsa(也就是上面所说的id_rsa.pub)用笔记本打开哈,不然打开的是一堆乱码。之后Add SSH key 就好了。

在这里插入图片描述
在这里插入图片描述

测试

回到git bash框里

$ ssh -T git@github.com

回车后看到的界面如下:在下图的第5行输入刚刚设置的密码,回车就OK了
在这里插入图片描述

设置用户信息

$ git config --global user.name "username" //username是注册GitHub的用户名
$ git config --global user.email "注册邮箱" //注册邮箱是和GitHub绑定的邮箱

在这里插入图片描述

SSH Key配置成功。

搭建Hexo博客
1、利用npm命令安装hexo

$ cd

npm install -g hexo

2、创建独立博客项目文件夹

关掉Git Bash窗口。在本地创建一个博客项目同名的文件夹username.github.io(username为GitHub的用户名)。后在该文件夹右击鼠标右键,选择Git bash here

在该git bash窗口次数输入

$ hexo init

出现的问题:

在这里插入图片描述

解决方法:

$ git config --global --unset http.proxy

$ git config --global --unset https.proxy

之后再输入

Hexo

$ hexo init

出现的界面
在这里插入图片描述

1、安装依赖包

$ npm install

出现的界面如下:

在这里插入图片描述

2、确保git部署

$ npm install hexo-deployer-git --save

出现的界面如下:

在这里插入图片描述

3、本地查看

$ hexo g

出现的界面如下:

在这里插入图片描述

$ hexo s

出现的界面如下:

在这里插入图片描述

执行完上面的两个命令就可以到浏览器输入 localhost:4000 就可以看到啦,
在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_810889.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【电脑全部浏览器显示您与网站连接不是私密连接】

问题描述&#xff1a;本来正在正常的使用Chrome浏览器浏览网页&#xff0c;突然网页全部无法打开&#xff0c;均显示“您与该网站的连接不是私密连接”。后续使用其他的浏览器360安全浏览器、IE浏览器&#xff0c;均是证书不安全。 解决办法一&#xff1a;更改电脑时间&#x…

dw移动图片位置_网站制作(DW)

点击蓝字 关注我们您的网站制作推送已完成&#xff0c;请注意查收&#xff01;DW的功能01•网页制作 Dreamweave业网页设计师特别发展的视觉化网页开发工具&#xff0c;利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。02•网站管理 使用网站地图可以…

更改网站模板样式显示不出来_SEO实操方法之网站搭建,你学会了吗?

之前我们讲了SEO的优化流程&#xff0c;今天我们讲一下网站搭建的知识。我们在接触到SEO工作的时候&#xff0c;企业一般情况下都是有现成的网站&#xff0c;如果没有的话就要先搭建网站了&#xff1b;网站搭建的流程&#xff1a;首先注册或者购买域名&#xff0c;注册域名一般…

wordpress 内网安装插件_宝塔面板安装Redis给WordPress网站加速优化教程

宝塔面板php安装redis缓存以加快WordPress的开启速度&#xff0c;因为WordPress打开速度慢&#xff0c;所以霜天 seo使用多种方式来提高wordpress的加载速度&#xff0c;其中一个好办法是&#xff1a;使用redis加速缓存。本文的主题是宝塔面板php安装redis缓存加速WordPress&am…

网站服务器更新申请,网站服务器申请

网站服务器申请 内容精选换一换关于申请SSL数字证书时应该如何选择申请域名&#xff0c;本文将通过一个简单的示例进行描述。例如&#xff0c;您的网站为www.domain.com。其中&#xff0c;有一个用户登录页面http://www.domain.com/login.asp&#xff0c;您想要申请一张SSL数字…

wordpress自适应表格_WordPress建站如何使用WebP格式图片

提升WordPress网站的加载速度的其中一种办法——减少图片体积大小。平均而言&#xff0c;图片约占网页文件大小的一半&#xff0c;因此即使是很小的改进也可以取得很大的效果。WebP是一种较新的图片格式(相比jpg和png)&#xff0c;该格式的最大特点是减小图片体积大小而不影响质…

PHP网站关闭功能,PHPCMS V9增加“网站关闭”功能

本功能需要以下五个步骤来完成&#xff0c;请在修改过程中勿必认真仔细哦。1. 文件&#xff1a;\phpcms\modules\admin\templates\setting.tpl.php&#xff1a;在代码后面另起一行&#xff0c;添加代码&#xff1a;复制代码 代码如下:网站状态/> 仅供管理员访问 /> 禁…

网站从虚拟主机更换到服务器,网站从虚拟主机更换到服务器

网站从虚拟主机更换到服务器 内容精选换一换首先需要准备一台Linux系统的物理服务器作为镜像制作服务器(即宿主机)&#xff0c;以及一台用于登录宿主机的本地Windows跳板机(物理服务器或虚拟机)。宿主机必须安装&#xff1a;vsftpd服务sshd服务vnc服务virt-manager工具kvm虚拟化…

怎么把网站配置到新网服务器,怎么把网站配置到tomcat

怎么把网站配置到tomcat[2020-10-03 12:34:33] 简介:php去除nbsp的方法&#xff1a;首先创建一个PHP代码示例文件&#xff1b;然后通过“preg_replace("/(\s|\&nbsp\;| |\xc2\xa0)/", " ", strip_tags($val));”方法去除所有nbsp即可。推荐&#xff…

php 企业建站系统,QCMS PHP轻量级企业建站系统 v5.0.2

QCMS企业建站系统是通过MVC架构开发的一套PHP轻量级系统&#xff0c;它免费&#xff0c;开源&#xff0c;小巧&#xff0c;易用&#xff0c;功能强大、可以自定义模块&#xff0c;容易二次开发&#xff0c;可以称得上是万能CMS系统&#xff0c;可用于企业站&#xff0c;文章站&…

【转载】30个高质量但免费的自学网站

本文转载链接&#xff1a;https://blog.csdn.net/TeFuirnever/article/details/105083350 文章目录 &#x1f4e2;声明&#x1f4e2;用过的一、北京大学公开课二、医学微视三、Oeasy四、考试酷五、大学资源网六、Udacity七、Coursera八、我要自学网九、极客学院十、慕课网十一、…

截取网站长图的详细快捷操作步骤.

效果图: 1.打开网站. 2.f12 3.快捷键“CtrlShiftp” 弹出网页窗口 4.输入cap 5.找到指令“Capture full size screeshot” 6.然后保存到本地. 7.可以正常ps打开网页长图.

【玩转腾讯云】(负基础的超详细图文教程)云开发竟然可以直接开发网站应用

震惊了&#xff0c;年轻人的第一次云开发体验&#xff0c;竟然不用服务器就能部署自己的网站项目。 偶然看到了腾讯云公众号发布的这篇推文 0元免服务器&#xff0c;开发个人专属网盘 | 云开发WEB最佳实践 速读摘要 是在我们自己的设备上&#xff0c;使用社交软件传输文件还会…

神器docsify 用MarkDown 来写自己的网站

搭建个人网站 动态博客 之前尝试过搭建自己的博客&#xff0c;有知名的 PHP 动态博客 WordPress 托管到我自己的服务器上&#xff0c;后面又自己开发了一款 SpringBoot 和 VUE 的前后端分离博客&#xff0c;这个用来学习还是不错的&#xff0c;但是终归需要一个服务器来跑这个…

《大型网站技术架构:核心原理与案例分析》读书笔记

《大型网站技术架构&#xff1a;核心原理与案例分析》 《大型网站技术架构&#xff1a;核心原理与案例分析》读书笔记《大型网站技术架构&#xff1a;核心原理与案例分析》感受1&#xff0e;前端架构2&#xff0e;应用层架构开发框架页面渲染负载均衡Session管理动态页面静态化…

VS2015 还是VS2017 好用_设计师必备的CAD网站,好用得不行,实在太逆天了

相信大家都会使用到到非常多的CAD学习网站&#xff0c;但是下面这几个&#xff0c;你见过吗&#xff1f;接下来就和小编一起看看吧&#xff01;1.我要自学网第一个是我们的CAD自学网啦&#xff0c;通过这个网站&#xff0c;我们可以学习到非常多的CAD学习教程哦 &#xff0c;小…

html网页上传到服务器_利用腾讯云轻量服务器+宝塔快速搭建负载均衡网站,让你的网站速度更快,同时在线人数更多...

为什么网站需要负载均衡网站作为一个开放性的事物&#xff0c;在流量大了之后&#xff0c;单一一台服务器往往无法承受住海量的用户&#xff0c;从而导致站点卡顿&#xff0c;或者服务掉线等情况。而负载均衡能够有效的解决这一问题。通过一台主服务器和N个副服务器可以将网站的…

你下载的内容中包含违规信息_长安区互联网信息办公室落实网络信息内容生态治理规定依法约谈处置属地违规网站...

为进一步规范互联网信息传播秩序&#xff0c;长安区互联网信息办公室依照属地管理原则加大违法违规网站核查处置力度&#xff0c;4月18日&#xff0c;根据《网络信息内容生态治理规定》相关规定&#xff0c;依法约谈存在“色情软件下载链接”违规网站备案单位负责人。 固定布局…

mib browser 怎么获取目标cpu_百度快排探究(一),Python selenium 实现自然搜索访问目标网站...

快排是现在比较火热的seo手段&#xff0c;快排即快速排名&#xff0c;相比传统的优化手段&#xff0c;尤其是企业站而言&#xff0c;快排能够快速占据排名&#xff0c;获取流量及客户&#xff0c;也是最热门的韭菜项目&#xff0c;可谓酸爽至极。快排有没有用&#xff0c;据观察…

围巾网站css模板,用纯css3和HTML5写出戴花围巾吃柠檬味棒棒糖的企鹅

用纯css3圆角边框和HTML5写出戴花围巾吃柠檬味棒棒糖的企鹅&#xff0c;插入一些小动画&#xff0c;更加活灵活现&#xff0c;好萌。css样式html,body,div,strong{margin: 0;padding: 0;}.all{width: 1000px;height: 1000px;}.all1{width: 800px;height: 600px;margin:0 auto;p…