利用GITHUB搭建个人博客

    xiaoxiao2024-11-24  68

    本博客参考原仓库搭建而成. 使用此仓库构建个人博客步骤如下:

    新建仓库clone本仓库并修改上传检验

     

    博客效果见这里

     

    新建仓库

    新建仓库,

    "username.github.io".比如这个仓库的名字"CNyuzhang.github.io".然后将本仓库下载到本地.

    修改信息

    网站架构

    这里只需要了解几个文件就行了.

    _config.yml  这是全局配置文件_drafts    存放草稿的文件夹_includes   设置页面底部和头部文件的文件夹_layouts   设置页面布局的配置文件_posts    放置博客文章的文件夹img     放置图片的文件夹

    详细的信息参考这里.

    修改文件

    1. 更改_config.yml

    首先修改博客名称,个人邮箱主页等信息,header-img表示首页背景图.然后文件最后可以添加朋友链接.主页图片如下:

    2. 修改about.html

    about界面如下所示: . 对应的文字更改在about.html 文件的相应位置: 

    3. 更改default.html

     img src="/img/apple-touch-icon.png",这个地址的图片表示的是网站的缩略图,更改为你喜欢的图片即可. 

    上传完成

    将上面修改好信息后的仓库上传到你的仓库中,稍等两分钟,进入网址"youname.github.io"即可看到你的博客页面.查看博客主页若有不满意地方就重新更改后提交.


    创建博客

    每一篇文章文件命名采用的是2019-05-23-Hello-2019.md时间+标题的形式,空格用-替换连接。 文件的格式是 .md 的 MarkDown 文件。 我们的博客文章格式采用是 MarkDown+ YAML 的方式。 YAML 就是我们配置 _config文件用的语言。 MarkDown 是一种轻量级的「标记语言」,很简单。花半个小时看一下就能熟练使用了 大概就是这么一个结构

    --- layout: post # 使用的布局(不需要改) title: My First Post # 标题 subtitle: Hello World, Hello Blog #副标题 date: 2019-05-23   # 时间 author: CHEETAHER # 作者 header-img: img/post-bg-2015.jpg #这篇文章标题背景图片 catalog: true # 是否归档 tags: #标签 - tags --- ## Hey >这是我的第一篇博客。

    进入你的博客主页,新的文章将会出现在你的主页上.

    按照格式创建完成提交后即可在主页看到博客.

    相关内容

    使用git进行提交与更改

    网站流量统计.使用revolvermaps进行统计.将订阅revolvermaps的代码放在page.html文件的最后,如图位置: 效果如下: 

    评论系统使用来必力.分别放置在博客页面(_layouts/post.html)和about(about.html)页面. 

    效果如下: 

    最新回复(0)