纯干货–教你快速创建个人博客网站

纯干货–教你快速创建个人博客网站效果预览:https://jeremcol.github.io/archives/index.html准备:1.windows电脑 2.gith

欢迎大家来到IT世界,在知识的湖畔探索吧!

效果预览:https://jeremcol.github.io/archives/index.html

准备:1.windows电脑

2.github账号

使用hexo框架搭建blog

软件准备

(1)Git

https://git-scm.com/

参考网址:

git安装 https://www.cnblogs.com/ximiaomiao/p/7140456.html

Git配置http://www.xuanfengge.com/using-ssh-key-link-github-photo-tour.html

纯干货--教你快速创建个人博客网站

(2)Node.js

https://nodejs.org/en/

纯干货--教你快速创建个人博客网站

安装过程:

(1)Node安装

按照安装过程依次点击即可,安装过程很简单。

(2)安装Git

按照网上的安装方式进行安装就可以了

https://www.cnblogs.com/ximiaomiao/p/7140456.html

(3)安装Hexo (下面出现的检测全部是在git中进行的)

———————————————————————————————————————

检测node安装是否成功:

node -v

(返回版本号)

npm -v

(返回版本号)

———————————————————————————————————————

安装淘宝的镜像源(如果错误就重来,因为连接可能不稳定,不要害怕多试几次就可以了)

npm install -g cnpm –registry=https://registry.npm.taobao.org

检测

cnpm

(返回cnpm的信息)

cnpm -v

(返回cnpm的版本信息)

安装hexo(如果失败重新来过就可以了)

cnpm install -g hexo-cli

检测

hexo -v

(返回hexo的版本信息)

纯干货--教你快速创建个人博客网站

初始化操作过程:

在本地建立blog文件夹

进入Git页面

pwd (查询目录所在位置)

mkdir Blog (在目录下建立文件夹Blog)(如果在以后的操作过程中出现问题无法解决就把这个文件夹删掉直接重新来过就可以了)

———————————————————————————————————————

cd Blog/ (进入Blog文件夹)

pwd (检测是否进入Blog文件夹)

———————————————————————————————————————

hexo init (即:初始化hexo)

ls -l (查看初始化获得的文件)

hexo s (启动hexo)

纯干货--教你快速创建个人博客网站

http://localhost:4000

这样就可以在本地4000端口查看自己的网站了

进一步深化操作过程1(将网站部署到Github上)

首先申请一个github账号,然后再github中按照 自己的昵称+.github.io 建立一个仓库(repository)(例:hansonpang99.github.io)

在Blog目录下安装一个hexo部署插件

cnpm install –save hexo-deployer-git

找到Blog文件中的 _config.yml 文件,使用编译器打开,建议使用 Visual Studio Code打开

注:Visual Studio Code的好处:1.支持的语言种类多,

2.视图简洁

3.拥有插件种类多

纯干货--教你快速创建个人博客网站

找到这部分代码,(原始的是没有repo,和branch的,而且type后面也没有东西)

对这段代码进行更改

type 一个名字,建议写成git方便识别

repo repository仓库地址 将刚刚新建的github仓库地址复制到这里就可以了

branch 分支这里设置管理员 master

更改以后进行保存

然后再Git里面输入 hexo d 将本地文件部署到github新建的仓库中

———————————————————————————————————————

然后通过访问 https://+自己的仓库名 就可以访问部署到github上的blog了

(例:https://hansonpang99.github.io)

进一步深化操作过程2(更换Blog的主题)

这里以 yilia 主题为例进行更换

———————————————————————————————————————

首先下载 yilia 主题

在Git中输入 git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia

(克隆地址) (克隆之后的本地位置)

找到Blog文件中的 _config.yml 文件,使用编译器打开,建议使用 Visual Studio Code打开

纯干货--教你快速创建个人博客网站

找到这部分代码(即theme)

将冒号后面的内容改为刚刚新建的yilia

———————————————————————————————————————

hexo clean 清除数据库之类

hexo g 生成静态网站

hexo d 将现在的文件部署到github中

这样就实现了主题的更改

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://itzsg.com/34351.html

(0)

相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

联系我们YX

mu99908888

在线咨询: 微信交谈

邮件:itzsgw@126.com

工作时间:时刻准备着!

关注微信