码迷,mamicode.com
首页 > 其他好文 > 详细

hexo的部署

时间:2020-06-24 23:27:17      阅读:118      评论:0      收藏:0      [点我收藏+]

标签:source   初始   dex   浏览器   获取   看板   项目部署   email   bug   

你是否想过自己开发一个网站?你是否想过免费获得一个自己的域名?hexo只需1分钟就可以实现这个目标**

民间有传言,没有手撸过个人网站的程序员不是一个好的前端开发工程师,可是!hexo完全免费,hexo你直接带回家。通过hexo,可以快速构建个人博客,并搭建到
github 上供他人访问,三秒真男人,我们开始吧!

Hexo是一个快速、简洁且高效的博客框架。Hexo 使用
Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。即把用户的markdown文件,按照指定的主题解析成静态网页。

先上源代码:

hexo init

hexo s

#如果里面有玄学因素就不怪我了(此代码不包含环境以及相关的一些npm下载的东西)

正文开始:

(一些环境可能有些同学还不清楚,我就重头开始讲)

  1. 安装Git Bash

下载地址:https://git-for-windows.github.io

安装步骤:双击下载好的exe文件,一路next就好啦

技术图片

然后你就可以在这里发挥你的聪明才智了

  1. 安装NodeJs

Hexo是基于nodeJS环境的静态博客,里面的npm工具很有用啊,所以还是老老实实把这玩意儿装了吧

地址:https://nodejs.org/en (说明:LTS为长期支持版,Current为当前最新版)

安装步骤:反正下载好msi文件后,双击打开安装,也是一路next,不过在Custom
Setup这一步记得选 Add to PATH ,这样你就不用自己去配置电脑上环境变量了

技术图片

又到自由发挥的时候了

  1. 安装hexo

看到这么多安装,千万不要紧张,小哥哥小姐姐们一定要稳住,别怕,因为后面的东西都是在gitbash中用npm工具安装就好了。

先创建一个文件夹(用来存放所有blog的东西),然后cd到该文件夹下。

安装hexo命令:npm i -g hexo

(这里说一下,nmp的速度太慢了,国内的镜像有很多的bug,所以用cnpm——淘宝镜像)

cnpm安装:

命令行输入:npm install cnpm -g --registry=https://registry.npm.taobao.org

(就这么简单。。。然后以后输入的时候npm就在前面加一个c就OK)

初始化命令:hexo init?,初始化完成之后打开所在的文件夹可以看到以下文件:

技术图片

解释一下:

node_modules:是依赖包

public:存放的是生成的页面

scaffolds:命令生成文章等的模板

source:用命令创建的各种文章

themes:主题

_config.yml:整个博客的配置

db.json:source解析所得到的

package.json:项目所需模块项目的配置信息

做好这些前置工作之后接下来的就是各种配配配置了。

一些hexo常用指令

(有时候会因为一些插件的原因冲突,自行百度就好或者cmd输入hexo看看一共有什么命令)

# 本地预览

hexo s

# 根据配置文件和主题,将 root/source/_post 下的 markdown 文件生成 html 内容

hexo g

# 清空 hexo g 生成的内容,内容在 root/public

hexo clean

# 将本地生成 url 链接推送到百度,让百度爬取其中的内容进行索引

hexo d

# 根据 标题名称 在root/source/_post 生成 markdown 文件

hexo new post 标题名称

(在一些编程语言中”#”也代表着注释,文件_config.yml里面的#就表示注释)

  1. 部署

没账号的创建账号(这我不多说),有账号的看下面

创建一个repo,名称为yourname.github.io,
其中yourname是你的github名称,按照这个规则创建才有用哦,如下:

技术图片

技术图片

回到gitbash中,配置github账户信息(YourName和YourEail都替换成你自己的):

技术图片

技术图片

创建SSH

在gitbash中输入:ssh-keygen -t rsa -C
"youremail@example.com,生成ssh。然后按下图的方式找到id_rsa.pub文件的内容。

技术图片

将上面获取的ssh放到github中:

技术图片

技术图片

添加一个 New SSH key ,title随便取,key就填刚刚那一段。

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

完成下一步你就成功啦!

5.一步之遥

用编辑器打开你的blog项目,修改_config.yml文件的一些配置(冒号之后都是有一个半角空格的):

deploy:

? type: git

? repo: https://github.com/YourgithubName/YourgithubName.github.io.git

? branch: master

回到gitbash/cmd中,进入你的blog目录,分别执行以下命令:

? hexo clean

? hexo generate

? hexo server

? #hexo clean 不是必要的,有时候需要加一些自己的东西,如果hexo
? clean后自己的东西就不见了,如果自己的东西,那就推荐hexo clean

注:hexo 3.0把服务器独立成个别模块,需要单独安装:npm i hexo-server

输入完hexo server后,打开浏览器输入:http://localhost:4000

(如果该端口有其他的东西,可以调到其他的端口,自行百度,官网有,我就不在这多说了)

到这一步,你就可以搭建一个自己的内网的网站

上传到github

先安装一波:npm install hexo-deployer-git
--save(这样才能将你写好的文章部署到github服务器上并让别人浏览到)

执行命令(建议每次都按照如下步骤部署):

? hexo clean

? hexo generate

? hexo deploy

注意deploy的过程中要输入你的username及passward。如下:

技术图片

在浏览器中输入http://yourgithubname.github.io就可以看到你的个人博客啦,是不是很兴奋!

感觉gitbash中东西太多的时候输入clear命令清空。

(部署完后大概3分钟左右就可以访问到新的内容)

6.优化

一,coding(因为篇幅较长,我就不加图片,如果需要就找度娘或找我)

Coding与Github相似,都是基于Git的代码托管平台,GitHub大家应该都很熟悉,相对与Coding来说,GitHub面向英语系国家程序员,Coding面向中国程序猿,而且Coding的私有库可免费使用这是最大的区别。两者的用法和操作其实大同小异。(Coding的优势是服务器在国内,访问速度快,缺点是有时候有一些玄学的因素,域名无法控制。。。)

新建仓库:

  1. 打开coding主页,创建新项目

  2. 新建一个名为yourname.coding.me的项目,其中这里的yourname最好是coding注册时的username,等项目部署成功后它就是你博客的访问地址。如下所示coding可以创建私有仓库,GitHub中是要收费的。

  3. 开启Pages服务,开启后我们就可以通过
    用户名+网站后缀来访问博客,而且还可以绑定域名通过固定域名来访问。进入项目->代码->Pages服务

  4. 在管理Git项目时,无论是GitHub还是Coding我们可以通过SSH、HTTPS两种方式来clone或者push代码,当使用HTTPS的方式来管理代码,每次操作时都需要验证用户名和密码;而使用SSH方式Push代码之前需要配置个人的SSH
    key,这样就可以省掉繁琐的验证步骤。

  5. 当然,我们也可以选择通过HTTPS方式来进行项目的管理,那么请跳过SSH
    key的配置步骤,直接阅读项目部署步骤的内容。

  6. _config.yml文件的配置和GitHub大同小异,我不多说了

二,主题

风格不喜欢?换之。

这是 hexo
默认的主题,我们需要修改这个主题,那么我们可以去找一些符合我们个人爱好的一些主题择一个自己喜欢的
Hexo 主题:https://hexo.io/themes/

更换主题流程:下载主题 -> 配置主题,以 xoxo 为例(不要想歪了!)

# 下载到themes文件夹下

git clone https://github.com/KevinOfNeu/hexo-theme-xoxo xoxo

# 修改 _config.yml 配置

theme: xoxo

很多的主题都会有一定的介绍,根据介绍摸索也可以的(我就是自己摸索的)

三,插件

Hexo中有很多优质的插件,具体可以在我做的社团网站欣赏:GW-Lazybones.github.io

里面有很多我认为优质的东西,比如说,二次元看板娘,音乐播放的实现,语法高亮的实现等等

技术图片

技术图片

插件推荐:hexo-generator-searchdb: 用于搜索

hexo-generate-feed: 用于生成RSS订阅

hexo-generator-index-pin-top: 用于文章置顶

hexo-blog-encrypt:用于文章加密

hexo-tag-aplayer:用于播放音乐

hexo-tag-aplayer:用于播放音乐

hexo-helper-live2d:二次元看板娘

更多插件请见 hexo插件市场

四,其他

还有一些东西,比如说评论的接口,访问的统计,如何被百度等搜索引擎给收录等等,都可以单独拿出来讲,

这常常会有很多很玄学的东西,如果遇到了一些bug我可能有一点帮助。

其实绝大部分的东西在官网就可以解决,而且浏览hexo官网会有很多意想不到的发现,为自己的网站更加的完善

如果有兴趣的可以加我qq:503404172 (直接在大群里也OK)

还有我们社团的新的网站:https://gw-lazybones.github.io

如果有Markdown特别感兴趣的同学可以和我联系(为社团网站添砖加瓦)

大家可以积极投稿,我们都会展示到社团网站的,因为我年纪小,刚刚做副社,所以有很多东西没有那么熟练,请各位谅解,并且提出有益的意见,谢谢。

关于我:一个喜欢搞UE4的(复刻GW,结果发现我不是第一个。。。)

会一点点C++,Python,一点点网页,知道一点点网安

其实上面的部署可以自己写一个程序,用Windows.h就OK了(源码太简单,我就不打出来了)

以后的社团活动通知会发在Q群上,每次课的知识都会发,请留意。

UE4项目进展(以前项目的工程文件还没用拿到,所以重新开了一个):

模式是第一人称和第三人称,内网联机在技术上是可行的(暂时还没有弄,外网的以后再说吧),我用了光线追踪,最高画质,所以对配置的要求较高,(以后会搞画质调节相关的),现在UI还没有做,支持win7以上的64位系统,安装包800M左右,安装下来差不多1.4G,最低配置:i5-4,内存6G。推荐i5-7以上,内存8G不卡。

(这纸还有挺多空位的如果想记就记‘亿’点点笔记吧)**

Attention:这张纸以后要用,所以请保留好,谢谢

大家希望以后讲什么,可以在群里@我也可以私信

在最后,祝大家的代码没有BUG

hexo的部署

标签:source   初始   dex   浏览器   获取   看板   项目部署   email   bug   

原文地址:https://www.cnblogs.com/leo-ltx-blog/p/13190555.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!