博客总结

总结博客

Posted by jinaoliu on March 28, 2023

🎯🎯🎯 总结与反思

👉 主题选择

博客所发布的文章都是技术类的文章, 将最近学习的知识总结成文章, 帮助自己和其他人更快速的去解决问题, 未来将会主要更新深度学习推荐系统图神经网络三个主题, 其中包括经典文章的解读 等内容

👉 页面布局

整体页面包含有HOME 文章详情 ABOUT Tags 四个部分

HOME包含有 背景图片 文章列表 特色标签 个人信息 友情链接

文章详情页面包含 文章标签 文章内容

ABOUT是个人主页, 包含个人信息

Tags 是文章按照Tag进行划分

👉 功能设计

我搭建博客的方式是使用 GitHub Pages + Jekyll 的方式

Jekyll 网站的基础结构

├── _config.yml
├── _drafts
|   ├── begin-with-the-crazy-ideas.textile
|   └── on-simplicity-in-technology.markdown
├── _includes
|   ├── footer.html
|   └── header.html
├── _layouts
|   ├── default.html
|   └── post.html
├── _posts
|   ├── 2007-10-29-why-every-programmer-should-play-nethack.textile
|   └── 2009-04-26-barcamp-boston-4-roundup.textile
├── _data
|   └── members.yml
├── _site
├── img
└── index.html

这里面比较重要的就是

  • _config.yml 全局配置文件
  • _posts 放置博客文章的文件夹
  • img 存放图片的文件夹

🚀值得注意的是在首页的标签

在首页可以看到这些特色标签,当你的文章出现相同标签(默认相同的标签数量大于1),才会自动生成。

👉样式设计

博客的样式主要是采用Jekyll主题样式, 这里主要介绍写博客的方式

文章样式

我们的博客文章格式采用是 MarkDown + YAML 的方式。

每一篇文章文件命名采用的是2023-03-24-HelloWorld.md时间+标题的形式,空格用-替换连接。

在每一个文件前方加入如下语句, 设置文章时间, 内容, tag等信息.

layout:     post
title:      Pytorch显存管理
subtitle:   了解显存管理的机制
date:       2023-03-28
author:     jinaoliu
header-img: img/post-bg-universe.jpg
catalog: true
tags:
    - 显存管理
    - Pytorch
    - 深度学习

👉 遇到的困难

  1. Git不够了解, 经常会报错, 经过这段时间学习, 对Git掌握更加透彻
  2. Jekyll在本机功能不了解. 一开始在写博客时, 要经常提交来观察页面效果, 实际上Jekyll提供本地显示, 可以大大提高博客的配置效率
  3. Jekyll 中对markdownemoji 不支持使用 :rocket:形式, 需要使用Unicode进行表示, 例如: rocket应当使用🚀, 否则无法显示.这是emoji查询网址

👍 本地显示

安装 jekylljekyll bundler

$ gem install jekyll
$ gem install jekyll bundler

进入你的 Blog 所在目录,然后创建本地服务器

$ jekyll s

然后会显示

 Auto-regeneration: enabled for '/Users/baiying/Blog'
Configuration file: /Users/baiying/Blog/_config.yml
    Server address: http://127.0.0.1:4000/
  Server running... press ctrl-c to stop.

你就可以在 http://127.0.0.1:4000/ 看到自己的博客

🚀🚀🚀致谢

​ 本次作业让我学会了GitJekyllGithub PagesBootstrap 等工具的使用, 感兴趣的同学可以前往开源软件通识学习