关于Hexo搭建的心得

搭建Hexo博客心得

前言

2019年的11月29号我偶然听说了hexo博客,并且抱着好奇的心情,开始了尝试。用时三个小时,从晚上十一点开始,两点完成搭建。
本篇为从零开始的基础篇,如果你对于Hexo什么也不了解,我希望通过我的心得,会让你对他有全新的认识。
希望以后可以养成写博客的好习惯,即使记录下来问题,以供回忆和参考。

问题概述

第一个问题什么是hexo?
Hexo(中文官方网站)是一个快速, 简洁且高效的博客框架. 让上百个页面在几秒内瞬间完成渲染(这些美化装饰网页的做法就称之为渲染). Hexo支持Github Flavored Markdown的所有功能, 甚至可以整合Octopress的大多数插件. 并自己也拥有强大的插件系统.

第二个问题都需要安装什么东西?
Hexo是基于node.js的, 所以我们在安装它之前需要用到npm安装工具, 这个工具是 node.js 安装包的工具, 所以, 我们先要安装 node.js.
那么npm是什么呢?
npm 是 JavaScript 世界的包管理工具,并且是 Node.js 平台的默认包管理工具,也是世界上最大的软件注册表,里面包含超过 600000 个 包的结构,能够使您轻松跟踪依赖项和版本

什么? 要问node. js如何安装? 出门左转好吧兄弟,有更适合你的文章在等着你。
(搜索引擎是最好的老师)

普及点知识:
GUI(图形用户界面(Graphical User Interface,简称 GUI,又称图形用户接口)是指采用图形方式显示的计算机操作用户界面。)
与早期计算机使用的命令行界面相比,图形界面对于用户来说在视觉上更易于接受。然而这界面若要通过在显示屏的特定位置,以"各种美观而不单调的视觉消息"提示用户"状态的改变",势必得比简单的消息呈现花上更多的计算能力。

环境变量
官方的话来说:环境变量(environment variables)一般是指在操作系统中用来指定操作系统运行环境的一些参数,如:临时文件夹位置和系统文件夹位置等。

环境变量是在操作系统中一个具有特定名字的对象,它包含了一个或者多个应用程序所将使用到的信息。例如Windows和DOS操作系统中的path环境变量,当要求系统运行一个程序而没有告诉它程序所在的完整路径时,系统除了在当前目录下面寻找此程序外,还应到path中指定的路径去找。用户通过设置环境变量,来更好的运行进程。
再我看来就是你需要这个玩意,你把这玩意告诉你的电脑,这玩意在这,记住他啊,下次自己打开他!听明白没。然后环境变量就会 。。。。 嗯 收到!!
cmd 【Windows 命令提示符(cmd.exe)是 Windows NT 下的一个用于运行 Windows 控制面板程序或某些 DOS 程序的shell程序;或在 Windows CE 下只用于运行控制面板程序的外壳程序。】 就知道他在哪了
Gitbash是什么?
我们看一下Wikipedia是怎么说的,“Bash是一个命令处理器,通常运行于文本窗口中,并能执行用户直接输入的命令。Bash还能从文件中读取命令,这样的文件称为脚本。”,可以理解为bash是一个命令处理器,可以对操作系统上的文件通过bash进行如新建,删除,修改,查找等操作。通常在windows上,我们可以通过鼠标对图形用户界面(Graphical User Interface,简称GUI,是指采用图形方式显示的计算机操作用户界面)进行操作,比如打开文件夹,浏览网页等,大部分情况下GUI能做的事情,命令行也可以做,只是方式不同。然而在有些情况下,可以通过使用命令行来快速的进行某些操作,我们可以下载Gitbash来对命令行进行简单的学习。

此篇文章仅仅演示在Windows操作系统下Gitbash的使用。
文章引用于此:

https://www.jianshu.com/p/607cef7a82da

Wikipedia
(维基百科(Wikipedia),是一个基于维基技术的多语言百科全书协作计划,用多种语言编写的网络百科全书。 非营利组织维基媒体基金会负责营运维基百科,接受捐赠。 2018年12月,维基百科入围2018世界品牌500强。)
维基技术
Wiki是一种在网络上开放且可供多人协同创作的超文本系统,由沃德·坎宁安于1995年首先开发,这种超文本系统支持面向社群的协作式写作,同时也包括一组支持这种写作。沃德·坎宁安将wiki定义为“一种允许一群用户用简单的描述来创建和连接一组网页的社会计算系统”。 [1] Wiki站点可以有多人(甚至任何访问者)维护,每个人都可以发表自己的意见,或者对共同的主题进行扩展与探讨。
Wiki是一种多人协作式写作的超文本系统,中文译名为“维客”或“维基”,其代表应用是知识库的合作编写。Wiki使用简便、内容开放,与其他文章内容固定的互联网应用形成了鲜明的对比。
wiki一般被认为正式诞生于1995年,迄今已有大量活跃的wiki站点。目前世界上最大的Wiki系统是维基百科全书,从2001年1月开始至2006年7月,英文条目的积累超过了120万。

Wiki的英文全称WikiWiki一词来源于夏威夷语的“weekeeweekee”,是“快点快点”的意思。

文章引用于此
https://wenda.so.com/q/1386176823066664?src=130&q=%E7%BB%B4%E5%9F%BA%E6%8A%80%E6%9C%AF

  1. 安装Git Bash
  2. 安装NodeJs
  3. 安装hexo(基于node.js基础上)
  4. 生成SSH并添加到github
  5. 部署项目
  6. 上传到github
  7. 绑定个人域名
  8. 修改及配置主题
  9. 写文章部分

1.安装Git Bash
不喜欢在cmd中操作各种命令?
那就用这个比较好使的Git Bash, 我的是windows环境,所以下载windows版本并安装就可以了。
具体文章已经有大佬写出来了我就参考大佬的博客,给大家安利下,别不要喷我哈哈哈哈!!
在这里插入图片描述

大佬博客地址
https://www.cnblogs.com/visugar/p/6821777.html

  1. 安装NodeJs
    安装步骤:反正下载好msi文件后,双击打开安装,也是一路next,不过在Custom Setup这一步记得选 Add to PATH ,这样你就不用自己去配置电脑上环境变量了,装完在按 win + r 快捷键调出运行,然后输入cmd确定,在cmd中输入path可以看到你的node是否配置在里面(环境变量),没有的话你就自由发挥吧。
    重要的一点环境变量一点要添加好!(如果不知道什么是环境变量请看重新仔细阅读上文,或者自行百度)
    在这里插入图片描述
    3.安装hexo
    稳住!!!后面就简单了 so easy!因为后面的东西都是在gitbash中用npm工具安装就好了
    在这里插入图片描述
  • 先创建一个文件夹(用来存放所有blog的东西),然后cd到该文件夹下
  • 安装hexo命令:npm i -g hexo
  • 安装完成后,查看版本: hexo -v
  • 初始化命令:hexo init ,初始化完成之后打开所在的文件夹可以看到以下文件:
    或者 npm install 也可以
    新建完成后,指定文件夹目录下有:

解释一下:

  • node_modules:是依赖包
  • public:存放的是生成的页面
  • scaffolds:命令生成文章等的模板
  • source:用命令创建的各种文章
  • themes:主题
  • _config.yml:整个博客的配置
  • db.json:source解析所得到的
  • package.json:项目所需模块项目的配置信息
    做好这些前置工作之后接下来的就是各种配配配置了。
    ** _config.yml: 博客的配置文件**
hexo g
hexo server
  • 搭桥到github
    没账号的创建账号,有账号的看下面。
    创建一个repo,名称为yourname.github.io, 其中yourname是你的github名称,按照这个规则创建才有用哦,如下:
    [外链图片转存中…(img-n0to5TuP-1575195486943)]在这里插入图片描述
    在这里插入图片描述

  • 回到gitbash中,配置github账户信息(YourName和YourEail都替换成你自己的)
    在这里插入图片描述在这里插入图片描述

  • 创建SSH
    方法一:在gitbash中输入:ssh-keygen -t rsa -C "youremail@example.com,生成ssh。然后按下图的方式找到id_rsa.pub文件的内容。
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    添加一个 New SSH key ,title随便取,key就填刚刚那一段。

  • 在gitbash中验证是否添加成功:ssh -T git@github.com

  • 完成下一步你就成功啦!

方法二:
此时回到你的git bash中,

git config --global user.name "yourname"
git config --global user.email "youremail"
 

这里的yourname输入你的GitHub用户名,youremail输入你GitHub的邮箱。这样GitHub才能知道你是不是对应它的账户。

可以用以下两条,检查一下你有没有输对

git config user.name
git config user.email

然后创建SSH,一路回车

ssh-keygen -t rsa -C "youremail"

这个时候它会告诉你已经生成了.ssh的文件夹。在你的电脑中找到这个文件夹。
ssh,简单来讲,就是一个秘钥,其中,id_rsa是你这台电脑的私人秘钥,不能给别人看的,id_rsa.pub是公共秘钥,可以随便给别人看。把这个公钥放在GitHub上,这样当你链接GitHub自己的账户时,它就会根据公钥匹配你的私钥,当能够相互匹配时,才能够顺利的通过git上传你的文件到GitHub上。

而后在GitHub的setting中,找到SSH keys的设置选项,点击New SSH key
把你的id_rsa.pub里面的信息复制进去。

在gitbash中,查看是否成功

ssh -T git@github.com

此内容来自

https://blog.csdn.net/sinat_37781304/article/details/82729029

  1. 一步之遥
  • 用编辑器打开你的blog项目,修改_config.yml文件的一些配置(冒号之后都是有一个半角空格的):
deploy:
  type: git
  repo: https://github.com/YourgithubName/YourgithubName.github.io.git
  branch: master
  • 回到gitbash中,进入你的blog目录,分别执行以下命令:
hexo clean
hexo generate
hexo server
  • 注:hexo 3.0把服务器独立成个别模块,需要单独安装:npm i hexo-server
  • 打开浏览器输入:http://localhost:4000
  • 慈母的微笑哈哈哈哈~
  1. 上传到github
  • 先安装一波:npm install hexo-deployer-git --save(这样才能将你写好的文章部署到github服务器上并让别人浏览到)
  • 执行命令(建议每次都按照如下步骤部署):
hexo clean
hexo generate
hexo deploy

其中 hexo clean清除了你之前生成的东西,也可以不加。
hexo generate 顾名思义,生成静态文章,可以用 hexo g缩写
hexo deploy 部署文章,可以用hexo d缩写

一步之遥
这一步,我们就可以将hexo和GitHub关联起来,也就是将hexo生成的文章部署到GitHub上,打开站点配置文件 _config.yml,翻到最后,修改为
YourgithubName就是你的GitHub账户

这个时候需要先安装deploy-git ,也就是部署的命令,这样你才能用命令部署到GitHub。

deploy:
  type: git
  repo: https://github.com/YourgithubName/YourgithubName.github.io.git
  branch: master 

这个时候需要先安装deploy-git ,也就是部署的命令,这样你才能用命令部署到GitHub。

npm install hexo-deployer-git --save

注意deploy时可能要你输入username和password。

得到下图就说明部署成功了,过一会儿就可以在http://yourname.github.io 这个网站看到你的博客了!!

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值