总结报告
博客主题及其选取原因
在https://themes.gohugo.io/网站中选择了solar这个主题。比较简约大方,功能齐全,护眼,运行稳定、具有详细的文档,方便实现。
博客页面布局及其设计思路
博客封面图,博客内容,博客分享,作者信息展示,关于我。
博客功能实现及其技术选择
hexo+github
1.准备工作
安装两个我们本次所需要使用的软件:
- node.js下载地址-http://nodejs.cn
- Git下载地址-https://git-scm.com/
2.建立仓库
- 在主页点击Create repository
- 选择公有仓库
- 注意仓库的取名格式:用户名.github.io
3.安装Hexo
- 在磁盘中创建一个用来存放Github本地仓库文件的目录
- 输入命令:npm install -g cnpm
- 正式开始安装hexo。输入命令:
cnpm install -g hexo-cli
- 之后就是初始化Hexo。输入命令:
hexo init
- 这时启动hexo之后在浏览器输入localhost:4000就可以在本地浏览博客(自带一篇Hello World博客)
输入命令:hexo s
关闭:hexo ctrl + c
4.设置ssh
- 生成sshkey
输入命令:ssh-keygen -t rsa -C ‘注册时的邮箱地址’
- 此时我们去查看C盘目录(此文件夹所在C:\用户\用户名目录下),使用记事本打开id_rsa.put文件并复制生成的key,在已登陆的Github主页点击右侧头像》Settings设置,再点击SSH and GPG keys 》 New SSH key,将刚刚在.ssh目录下所复制id_rsa.put文件中的信息复制进key,再给它取个名字
- 这里需要在本地进行验证一次
输入命令:ssh -T git@github.com
并且输入yes之后,行末尾会显示你的用户名,绑定成功并且邮箱收到邮件。 - 接着在本地绑定与Github的用户名和邮箱
输入命令:git config --global user.name “注册时用户名”
输入命令:git config --global user.email “注册时邮箱”
5. 上传测试博客
- 用记事本打开并修改本地仓库目录下_config.yml文件。
在文件的末尾修改(repository属性的地址就是之前创建仓库后所保存的http地址)
deploy:
type: git
repository: https://github.com/用户名/用户名.github.io.git
branch: master - 此时需要安装一个上传工具
输入命令:cnpm install hexo-deployer-git
- 可以新建一篇测试文章(不新建的话也会有一篇自带的Hello World文章)
输入命令:hexo new “文章名称”
- 新建文章之后需要生成一遍文件
输入命令:hexo g
- 新建文章后可在本地先预览一遍
输入命令:hexo s
浏览器输入:localhost:4000(ctrl + c 关闭) - 最后直接部署到Github
输入命令:hexo d
- 此时再浏览器输入:用户名.github.io(Github仓库名)就可以访问博客
例如:https://zxy292929.github.io/
博客制作过程中遇到的问题及其解决方法
1.部署到github上后没有出现master文件夹,只有一个main
发现是hexo-deployer-git安装得有问题,再从这个步骤往下来一遍就好了,第二个邮件不一定必须要收到才好使,我就没收到
2.部署到github上之后显示的是main文件夹里的readme界面
显示不出内容和样式,上网查了很多方法都不行,最后解决办法:点开github仓库链接的settings,点左边的pages,github Pages>build and deployment>branch
这里我原来选的main,改成master就可以了