效果预览
准备工作:1.windows电脑
2.github账户
用hexo框架构建博客
软件准备
⑴地理标志
参考URL:
Git安装
Git配置
(2)Node.js
安装过程:
(1)节点安装
按照安装流程依次点击。安装过程非常简单。
(2)安装Git
按照网上的安装方法安装就行了。
(3)安装Hexo(下面出现的所有测试都是在git中进行的)
———————————————————————————————————————
检查节点安装是否成功:
节点v
(返回版本号)
npm -v
(返回版本号)
———————————————————————————————————————
安装淘宝的图片源(如果有错误,重新开始,因为连接可能不稳定,不要怕多试几次)
npm安装-g cnpm –注册表=
答案
cnpm
(返回cnpm信息)
cnpm -v
(返回cnpm的版本信息)
安装hexo(如果失败,就重新开始)
cnpm安装-g hexo-cli
答案
hexo -v
(返回hexo的版本信息)
初始化过程:
在本地创建博客文件夹
进入Git页面。
查询目录位置
Mkdir Blog(在目录下创建一个文件夹Blog)(如果以后的操作中有解决不了的问题,直接删除这个文件夹重新开始即可)
———————————————————————————————————————
CD/博客(进入博客文件夹)
Pwd(检查是否进入博客文件夹)
———————————————————————————————————————
Hexinit(即初始化hexo)
Ls -l(检查初始化获得的文件)
Hexo s(开始Hexo)
这样,您可以在本地端口4000上查看您的网站。
进一步深化运营流程1(将网站部署到Github)
先申请一个github账号,然后根据你的昵称+.github.io(例:hansonpang99.github.io)在github中设置一个资源库
在博客目录中安装一个hexo部署插件
cnpm安装–保存hexo-deployer-git
在博客文件中找到_config.yml文件,用编译器打开。建议用Visual Studio代码打开。
注意:Visual Studio代码的好处:1 .支持的语言有很多种,
2.观点是简洁的
3.插件有很多种
找到这部分代码,(原代码没有回购和分支,类型之后什么都没有)
对该代码进行更改。
Type是一个名字,建议写成git,方便识别。
Repo repository仓库地址在这里***新建的github仓库地址即可。
分支机构在这里用管理员主设置。
稍后保存更改。
然后在Git中输入hexo d,将本地文件部署到github新建的仓库中。
———————————————————————————————————————
然后通过访问https://+自己的仓库名就可以访问部署在github上的博客。
进一步深化运营流程2(改变博客主题)
以伊丽娅主题为例进行替换。
———————————————————————————————————————
先下载伊丽娅主题。
在git中输入git clone https://github.com/litten/hexo-theme-yilia.git主题/yilia。
(克隆地址)(克隆后的本地位置)
在博客文件中找到_config.yml文件,用编译器打开。建议用Visual Studio代码打开。
找到代码的这一部分(即主题)
将冒号后的内容改为刚创建的yilia。
———————————————————————————————————————
Hexclean清空数据库等等。
Hexo g生成静态网站
Hexo d将当前文件部署到github。
这就改变了主题。
本文来自墨尔本·晴投稿,不代表舒华文档立场,如若转载,请注明出处:https://www.chinashuhua.cn/24/608973.html