总结报告

博客主题及其选取原因

https://themes.gohugo.io/网站中选择了solar这个主题。比较简约大方,功能齐全,护眼,运行稳定、具有详细的文档,方便实现。

博客页面布局及其设计思路

博客封面图,博客内容,博客分享,作者信息展示,关于我。

博客功能实现及其技术选择

hexo+github

1.准备工作

安装两个我们本次所需要使用的软件:

  1. node.js下载地址-http://nodejs.cn
  2. Git下载地址-https://git-scm.com/

2.建立仓库

  1. 在主页点击Create repository
  2. 选择公有仓库
  3. 注意仓库的取名格式:用户名.github.io

3.安装Hexo

  1. 在磁盘中创建一个用来存放Github本地仓库文件的目录
  2. 输入命令:npm install -g cnpm
  3. 正式开始安装hexo。输入命令:cnpm install -g hexo-cli
  4. 之后就是初始化Hexo。输入命令:hexo init
  5. 这时启动hexo之后在浏览器输入localhost:4000就可以在本地浏览博客(自带一篇Hello World博客)
    输入命令:hexo s
    关闭:hexo ctrl + c

4.设置ssh

  1. 生成sshkey
    输入命令:ssh-keygen -t rsa -C ‘注册时的邮箱地址’
  2. 此时我们去查看C盘目录(此文件夹所在C:\用户\用户名目录下),使用记事本打开id_rsa.put文件并复制生成的key,在已登陆的Github主页点击右侧头像》Settings设置,再点击SSH and GPG keys 》 New SSH key,将刚刚在.ssh目录下所复制id_rsa.put文件中的信息复制进key,再给它取个名字
  3. 这里需要在本地进行验证一次
    输入命令:ssh -T git@github.com
    并且输入yes之后,行末尾会显示你的用户名,绑定成功并且邮箱收到邮件。
  4. 接着在本地绑定与Github的用户名和邮箱
    输入命令:git config --global user.name “注册时用户名”
    输入命令:git config --global user.email “注册时邮箱”

5. 上传测试博客

  1. 用记事本打开并修改本地仓库目录下_config.yml文件。
    在文件的末尾修改(repository属性的地址就是之前创建仓库后所保存的http地址)
    deploy:
    type: git
    repository: https://github.com/用户名/用户名.github.io.git
    branch: master
  2. 此时需要安装一个上传工具
    输入命令:cnpm install hexo-deployer-git
  3. 可以新建一篇测试文章(不新建的话也会有一篇自带的Hello World文章)
    输入命令:hexo new “文章名称”
  4. 新建文章之后需要生成一遍文件
    输入命令:hexo g
  5. 新建文章后可在本地先预览一遍
    输入命令:hexo s
    浏览器输入:localhost:4000(ctrl + c 关闭)
  6. 最后直接部署到Github
    输入命令:hexo d
  7. 此时再浏览器输入:用户名.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就可以了