说明: 首先,你需要注册一个 github 账号,最好取一个有意义的名字,比如姓名全拼,昵称全拼,如果被占用,可以加上有意义的数字.
本文中假设用户名为 tiemaocsdn
1. 注册账号:
地址: https://github.com/
输入账号、邮箱、密码,然后点击注册按钮.
2. 初始设置
注册完成后,选择Free免费账号完成设置。
2.1 验证邮箱
请打开你的邮箱,查看发送给你的确认邮件,你需要验证邮箱后,后面生成的个人主页才会被接受和发布.
3. 创建页面仓库
地址: https://github.com/new
这个仓库的名字需要和你的账号对应, 如 tiemaocsdn.github.io
输入基本信息,然后点击创建仓库.
4. 进入项目设置页面
因为这个项目就是专门的放页面的,所以master分支即可. 如果是你的某个仓库的页面,你需要设置到 gh-pages 分支中,关于这些,请参考本文末尾提到的参考资料.
5. 进入自动页面生成器
在设置页面,下拉到底部, 默认分支(master)不用管.
6.1 创建用户页面(即技术博客站点)
输入一些内容,可以自己编辑,也可以从readme加载:
6.2 继续,选择主题
7. 选择主题,然后发布
如下图所示,其实这些以后你都可以自己修改替换,这只是生成一些css,html,img到你的仓库里面.
8. 查看效果
现在,你可以访问自己的GitHub.io 上的主页了,例如:
http://tiemaocsdn.github.io/
页面效果如下图所示:
注意事项:
- 如果报404,或者其他错误,请稍等,或者检查你的邮箱,看看构建失败的提示信息.
- 比如我的,因为最初没有验证邮箱,结果收到了好几次发布失败的通知(如下面的邮件提示)。
- 以后每次你提交(或在线修改后提交)文件到这个仓库,GitHub 都会自动为你构建,并发布。
- 所以,有问题,请修改并提交某个文件,重新试试吧!
- The page build failed with the following error:
- You need a verified email address in your GitHub account to publish Pages.
- You can verify your email addresses from your Settings panel:
- https://github.com/settings/emails
- If you have any questions please contact us at https://github.com/contact.
下面是参考的一部分:
您可以通过GitHub的页面自动生成器快速为 项目,用户(User,比如你的账号),或组织(Organization, 比如 alibaba) 创建一个网站(其实就是技术博客啦)。
生成用户/组织的网页
要生成用户/组织的网站页面,你需要创建一个仓库(repository,代码库),名为: username.github.io 或 orgname.github.io ; 用户名或组织名 必须 是你自己的账号, 否则GitHub Pages 站点不会帮你生成(build,构建,编译,)。 GitHub的页面自动生成器可以通过仓库的设置页面(Settings page)看到。 您可以阅读更多关于用户和组织页面的内容 。
警告: GitHub页面网站在互联网上是公开,即使其仓库是私有的。 如果你有敏感数据在页面仓库中,您可能需要在发布之前删除他们。
参考地址:
- Categories / GitHub Pages Basics
- User, Organization, and Project Pages
- Creating Pages with the automatic generator
如果你看到这里,如果你已登录, 如果觉得对你有帮助,请点击下面的 “顶” 按钮.
如果有问题,有建议,请留言。
赶快试试吧!
GitHub.io技术博客的好处: 写博客,你可以自己定义JS,CSS,图片,嵌入iframe 显示代码示例,什么你都可以自定义,什么标签都允许,而在其他的技术博客站点,因为安全限制,很多是不允许的。
相关推荐
微信小程序demo:github博客(源代码+截图)微信小程序demo:github博客(源代码+截图)微信小程序demo:github博客(源代码+截图)微信小程序demo:github博客(源代码+截图)微信小程序demo:github博客(源代码+截图)微信...
github page博客系统简介 针对github page的博客系统,在本地生成html静态缓存,然后上传到git上通过github page就可以访问,目前还有很多bug,还在继续修改中。不需要数据库,解压运行到环境即可访问。 github ...
github搭建博客1
使用github搭建的个人博客
【前端技术】在github创建个人主页或技术博客1、注册github账号2、创建个人主页专属仓库3、了解主页框架css代码并下载3、修改index.html文件4、把修改好的index.html文件连同css文件夹上传到你的“`username.github....
gistblog 是一个简单的 Node.js 应用,使用 Github 的认证系统和 gist 提供的后台存储来实现博客的功能。可使用 Markdown 编写博客。 标签:gistblog
注册github;配置和使用Github;创建博客Repository;配置SSH Keys;测试使用; 设置用户信息
Github Pages 搭建个人博客,折腾好多天整理出的文档
github创建工程
1.gitHub是一个面向开源及私有软件项目的托管平台,因为只支持git 作为唯一的版本库格式进行托管,故名gitHub 2.一个博客网站建立好之后,想让所有人
GitHub技术博客地址
PHP实例开发源码—github page博客系统.zip PHP实例开发源码—github page博客系统.zip PHP实例开发源码—github page博客系统.zip
GitHub行动–创建GitHub部署创建一个新的。用法将操作添加到您的工作流文件。 on: pushjobs: release: steps: - uses: avakar/create-deployment@v1 with: auto_merge: false env: GITHUB_TOKEN: ${{ secrets.DEPLOY...
在github上创建自己的三方库,在github上创建自己的三方库,在github上创建自己的三方库。
后端使用 SpringCloud + SpringBoot + Mybatis-plus进行开发,使用 Jwt + SpringSecurity 做登录验证和权限校验,使用 ElasticSearch 和 Solr 作为全文检索服务,使用 Github Actions完成博客的持续集成,使用 ...
基于PHP的github page博客系统.zip
Qt技术博客1 Qt开源框架 KDE/Qt Qt Github精品收藏1 -- IDE Qt Github精品收藏2 -- frameless Qt Github精品收藏3 -- Ribbon Qt Github精品收藏4 -- DockWidget Qt Github精品收藏5 - Studio Qt Github精品收藏6 Qt ...
haunt, 创建github问题机器人的模块 是什么?帮助你保持github问题在控制之下。 通过允许对github问题和请求进行单元测试,然后对关闭。排序。标记和注释进行上下文决定,从而实现了这个功能。如何完成?Haunt从 ...
基于PHP的githubpage博客系统源码.zip
GIT&GIthub; 全套视频教程 课件 安装包 全套 不加密GIT&GIthub; 全套视频教程 课件 安装包 全套 不加密GIT&GIthub; 全套视频教程 课件 安装包 全套 不加密