美文网首页
教你使用GitHub搭建个人网站

教你使用GitHub搭建个人网站

作者: 码农StayUp | 来源:发表于2020-12-19 11:04 被阅读0次

    GitHub源码分享

    微信搜索:码农StayUp
    主页地址:https://gozhuyinglong.github.io
    源码分享:https://github.com/gozhuyinglong/blog-demos

    1. 创建一个代码仓库

    登录你的GitHub,点击右上角的 + 号按钮,选择【New repository】,打开创建新仓库页面。

    New repository

    创建一个名为为username.github.io的代码仓库,其中username为你的GitHub的账户名称。
    注:如果username与你的账户名称不匹配,将不会起作用

    下图中因为我的代码仓库gozhuyinglong.github.io已使用,所以提示已存在。

    Repository name

    2. 选择主题

    进入创建好的代码仓库,点击【Settings】,进入设置界面。

    Settings

    页面往下拉,找到GitHub Pages模块,点击【Choose a theme】,进入选择主题页面。


    Choose a theme

    GitHub提供了一些主题供选择,选择好后点击【Select theme】完成


    Select theme

    3. 设置页面内容

    选择完主题会生成两个文件:

    • _config.yml为选择的主题
    • index.md为页面内容
    code

    index.md为Markdown文件,编辑内容即可修改页面内容。

    index.md

    4. 自定义页面

    当然GitHub也支持自定义的页面,上传自己 index.html 页面即可。

    5. 页面网址

    页面的网址便是你的代码仓库名称:https://username.github.io

    最终效果请看我的个人主页:https://gozhuyinglong.github.io

    6. 官网说明

    GitHub Pages: https://pages.github.com

    相关文章

      网友评论

          本文标题:教你使用GitHub搭建个人网站

          本文链接:https://www.haomeiwen.com/subject/fvgugktx.html