使用github+hexo搭建自己的博客网站--入门篇

news/2024/5/9 16:51:28/文章来源:https://blog.csdn.net/weixin_43216105/article/details/83217249

前言

这一篇主要介绍如何使用搭建GitHub.io网站
我自己的网站:https://lijie-1024.github.io
使用hexo+next主题+GitHub搭建,具体问题可以留言问我。
本篇所包含的内容如下:

正文

一、申请github.io网站

github注册我就不讲了。。。能想到这个法子创建博客的应该也有账号了。直接创建开始:

  • 创建一个新的资源库,名称为yourname.github.io, 其中yourname是你的github名称,如下:在这里插入图片描述

二、 配置工具

  1. 安装Git Bash–百度搜索git bash安装包 自行安装 —可以忽略此步
    1. 官方网站:https://git-scm.com/downloads
    2. 一路next安装,按window+r 在新打开的窗口中输入cmd,敲击回车,打开命令行界面。输入下面代码,出现版本号就算是安装成功了。
git --version
  1. 安装NodeJs--百度搜索node.js安装包
    1. 下载Node.js安装文件:
      Windows Installer 32-bit
      Windows Installer 64-bit
    2. 根据自己的Windows版本选择相应的安装文件,要是不知道,就安装32-bit。
    3. 一直next到安装完,按window+r 在新打开的窗口中输入cmd,敲击回车,打开命令行界面。输入下面代码,出现版本号就算是安装成功了。
	node -vnpm -v
  1. 安装hexo
    • 先创建一个文件夹(用来存放所有blog的东西),然后cd到该文件夹下。
    • 文件夹内右键加shift打开命令行窗口,或者路径cmd打开
    • 运行: npm i -g hexo 等待自动下载hexokinase包
    • 初始化命令运行:hexo init 完成之后可以看到文件
      在这里插入图片描述
      node_modules:是依赖包
      public:存放的是生成的页面
      scaffolds:命令生成文章等的模板
      source:用命令创建的各种文章
      themes:主题
      _config.yml:整个博客的配置
      db.json:source解析所得到的
      package.json:项目所需模块项目的配置信息
  2. 然后输入:npm install -----之后npm将会自动安装你需要的组件,只需要等待npm操作即可。

完成以上操作就配置好了基础 。

三、 部署项目

  • 使用编辑器打开你的文件—_config.yml:文件,在最后加入下面三行代码。
  • 更改路程为自己的名称https://github.com/‘你github的名称’/‘你github的名称’.github.io.git
deploy:type: gitrepo: https://github.com/YourgithubName/YourgithubName.github.io.gitbranch: master
  • cmd到根目录打开窗命令行依次输入
hexo clean
hexo generate
hexo server
  • 作用
    hexo clean --整理 ;hexo generate --生成htnl页面;hexo server–在端口4000中打开(可以简写为hexo s)
  • 打开浏览器输入:http://localhost:4000

到这里就可以本地看到自己的网站啦~~

四、上传到github

  • cmd命令行安装npm包:npm install hexo-deployer-git --save
  • cmd执行命令(建议每次都按照如下步骤部署):
hexo clean
hexo generate
hexo deploy

注意deploy的过程中要输入你的username及passward。如下:
在这里插入图片描述

在浏览器中输入http://yourgithubname.github.io就可以看到你的个人博客啦~~~
例如我的:https://lijie-1024.github.io

五、绑定个人域名—可以忽略

  • 购买域名:我自己的是在腾讯云买的,http://www.jcat.club
  • 拿到域名之后,进行解析,推荐使用dnspod免费解析。
    具体使用方法:
    1、注册登录dnspod之后,添加域名,然后解析,添加两条记录
    在这里插入图片描述
    • 其中ip地址为你的github的地址
    • 可在cmd命令行中输入:ping lijie-024.github.io 可以获得id
  • 登录github,找到项目,设置setting,找到GitHub Pages
    在这里插入图片描述
  • 再次部署一次,就可以在域名中打开了
    • hexo clean
    • hexo g (简写)
    • hexo d (简写)

在浏览器中输入http://yourgithubname.github.io 或者域名中就可以看到你的个人博客啦!!完美~

小结

  • 基本上这几个操作按顺序下来就可以完美创建你的博客了!
  • 下一篇讲:修改hexo主题和一些功能的添加。
  • 链接: https://blog.csdn.net/weixin_43216105/article/details/83449928
  • 结束,有问题可以留言

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

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

相关文章

网站服务器改数据库密码忘记了怎么办,服务器数据库密码忘记了怎么办

服务器数据库密码忘记了怎么办 内容精选换一换FTP/SFTP连接适用于从线下文件服务器或ECS服务器上迁移文件到OBS或数据库。当前仅支持Linux操作系统的FTP 服务器。连接FTP或SFTP服务器时,他们的连接参数相同,如表1所示。FTP/SFTP连接参数参数名说明取值样…

python过滤违禁词_网站全站敏感词检测、广告违禁词查询很简单,一个python脚本轻松搞定...

做网站的同学都有一个共同的苦恼:就是自己辛辛苦苦经营的网站,如果内容中涉及色情、暴恐涉政、恶意推广、辱骂、违反广告法、涉及违禁品等文本内容,小则被搜索引擎处罚,严重的可能还会被请去喝茶。还有很多企业站因为编辑的不小心…

echarts案例大全,echarts的Demo网站有哪些

很多开发人员用到echarts做大屏展示,一般常用的网站是 Apache Echarts,但是这个一个网站的demo不一定满足我们,那么除了Apache Echarts还有哪些我们可以用的echarts网站呢? 1.分享你我 网站:分享你我 – ECharts 作…

黑苹果未能与恢复服务器_淘客新事件 09.24 1、某千万用户淘客APP内部腐败案 2、误会,大淘客网站疑似被黑!...

1、某千万用户淘客APP内部腐败案评:某淘客APP在昨天公布了他们自家的内部腐败案!大概就是有离职员工后进入竞品公司,还把原公司开发的云发单源码拷贝复制成自己的软件,并且推广到市场!当然这个不算什么,主要…

python 图片文件_初学Python-只需4步,爬取网站图片(附py文件)

很多人学习Python很重要的一个原因是,可以很简单的把一个网站的数据爬下来。尤其是做我们这一行,产品经理,电商行业。领导:弄一个买卖游戏周边商品的交易APP出来。我:行,那我们卖什么呀?领导&am…

程序员入门必备网站 (技术云集的网站)tutorialspoint

https://www.tutorialspoint.com/index.htm 这个网站是印度的一个IT教学网站 前后端技术,应有尽有,还有数据库学习,这个网站很棒,大家,加油~

轻文章-使用URL Rewrite实现网站伪静态

文章目录基础介绍案例代码urlrewrite.xmluserinf.jsp验证结果注意事项参考文档案例来源:《轻量级Java EE企业应用实战(第4版)-Struts2Spring4Hibernate整合开发》,李刚编著 基础介绍 伪静态的作用:将*.jsp、*.php这种…

阿里云服务器Linux主机搭建网站环境

首先准备好连接linux服务器的工具,推荐用xshell和xftp。 xshell 是一个强大的安全终端模拟软件,它支持SSH1, SSH2, 以及Microsoft Windows 平台的TELNET 协议。 下载地址:http://www.newhua.com/soft/36383.htmXftp 是一个基于 MS windows 平…

linux 画直线 c程序,绘制直线 - Ubuntu+OpenGL程序设计_Linux编程_Linux公社-Linux系统门户网站...

这次主要学习的是关于在opengl中绘制直线,也比较简单现上图吧这图乍一看上去是不是像是一条条弯曲的直线???我开始就把他看成这样了,不过这是个视觉问题,仔细看过起,其实还是一个同心的直线&…

如何得到一个网站的后台地址

一、猜测常见的网站后台 1、http://你的网址/login.asp 2、http://你的网址/admin/login.asp 3、http://你的网址/admin/ /admini/ 二、查看该网站的robots.txt 如:网站为:http://www.mmfi.net/ 在后面添加:robots.txt 得到: …

Eclipse添加J2EE开发功能(网站开发)

添加J2EE 其实很简单啦: 1、打开Eclipse,点击Help 2、选择Install New Software 3、在work with中输入网址:http://download.eclipse.org/releases/ 在下面出现的选项选择自己的Eclipse版本 4、在下面框框中选择“Web,XML,Java EE and OSG…

手机沙盒隔离软件_手机怎么安全无病毒的访问风险网站和APP

很多小伙伴,总会在夜深人静的时候不由自主的打开浏览器,登上一些不可描述的网站,不经意访问一些风险网站,或者在不知情的情况下下载了一些流氓APP。经常会有一些可恶的木马、病毒也会在这些网站和APP上,它们防不胜防&a…

网站页面左右_网站SEO优化基础入门与教程

掌握SEO基础知识,是我们进行简单的网站建设必备条件之一,没有子弹,如何打鸟呢?今天小编将给各位分享一下关于网站seo优化的基础知识与seo教程,希望新手SEO们认真看完以下内容,相信会给你带来帮助。一、SEO入门基础&am…

php和seo有关系吗_php seo 优化之文章的字数和SEO的关系

文章内容字数与seo的有关系的,下面就来和小编一起了解一下文章字数与SEO的联系,一起来了解一下吧。一篇文章多少字数更有利于收录,有利于网站的优化,从大的方面来讲,有几个共识的点。1、第一考虑用户的需求是什么&…

php同学录网站设计_php校友录网站设计

校友录系统站我们使用 PHP开发工具,利用其提供的各种面向对象的开发工具,尤其是数据窗口这一能方便而简洁操纵数据库的智能化对象,首先在短时间内建立系统应用原型,然后,对初始原型系统进行需求迭代,不断修…

一些网站

考试资源 考试163:www.test163.com大量的资格认证考试试题,计算机,英语视听材料 IT认证考试资源网:www.itexamprep.com大量IT认证考试题库 中国大学生网:www.chinadaxuesheng.com题库模拟题以及论文 中国考试网&am…

软件测试大型网站如何进行压力测试及性能调优优化方案

性能测试在大型网站系统的设计和开发中非常重要,通常会和容量预估等工作结合在一起,穿插在系统开发的不同方案。性能测试可以帮助我们及时发现系统的性能短板,评估系统的能 性能测试在大型网站系统的设计和开发中非常重要,通常会…

经典网页设计:20个美味的餐馆和食品网站

餐馆和食品网站设计目标是吸引更多的人到他们的店中消费或者购买他们的食品,这类网站通常都会搭配美味的食物图片,吊人胃口。有的网站也会应用视差滚动特效和大背景布局设计来吸引消费者。下面分享的这20个精心设计的餐馆和食品网站案例看起来就让人充满…

SEO知识结构

引一张图片待续转载于:https://www.cnblogs.com/mackxu/archive/2012/10/30/2746211.html

【Python自动化测试网站推荐】免费资源网址,帮你找到所有想要的资源!!

软件测试学习思维导图/工具软件汇总 今天来讲一个小伙伴经常问的一个问题——如何高效的去自学Python ​ 我们今天就来讲一讲,我们作为一个基础不好或者刚刚入行软件测试的新手,如何利用宝贵的时间高效自学Python。 今天从三个方面进行讲解。 PARTO1.为…