文档建议反馈控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

github搭建个人网站

仓库的页面 创建好个人或组织的Github首页之后，就拥有了一个固定的二级域名。 那么，每个项目都可以使用页面生成器生成一个项目的页面(page)。...当然，项目使用的 pages 就不是 master 分支了，而是一个叫做 gh-pages 的分支。gh 是 github 的简称, github会自动解析下面的页面。...下面是参考的一部分: 您可以通过GitHub的页面自动生成器快速为 项目,用户(User,比如你的账号),或组织(Organization, 比如 alibaba) 创建一个网站(其实就是技术博客啦)...生成用户/组织的网页 要生成用户/组织的网站页面,你需要创建一个仓库(repository,代码库),名为: username.github.io 或 orgname.github.io ； 用户名或组织名...警告: GitHub页面网站在互联网上是公开,即使其所属的仓库是私有的。 如果你有敏感数据在页面仓库中,您可能需要在发布之前删除他们。

5.1K80

搭建Github静态个人网站

利用 Github 的 Github Pages 功能搭建属于自己的静态个人网站只需要准备一个自己喜欢的域名即可开始，可在腾讯云或者阿里云购买域名以下教程操作使用的腾讯云第一步：新建一个Github的仓库...1.打开 Github 网站2.点击右上角Sign Up注册一个新的帐号3.注册完帐号后在主页右上角点+号4.选择第一个选项New repository新建一个库5.在Repository name填写仓库名...HMTL文件或可自行在网上找寻自己喜欢的HTML模版，也可以直接转载别人的库点击 creating a new file 创作你的网站或者 uploading an existing file上传你已经创作好的网站使用...4.打开下面的Enforce HTTPS到这里我们就设置好Github Pages了第四步：在腾讯云或者阿里云解析域名1.打开腾讯云的域名管理页面2.点击自己域名后面的解析功能3.点击添加记录4.这里我们需要使用...CNAME记录，主机记录填写www，记录值填写刚刚我们创建好的Github库名字，然后点击确认5.这个时候我们已经成功让域名和Github创建的库绑定Github的服务器是在国外的，国内IP第一次访问需要长时间等待网页加载

2.1K30
您找到你想要的搜索结果了吗？
是的
没有找到

Github Pages 搭建静态网站

GitHub创建仓库时的名称一定要这样写：用户名.github.io 搭建步骤 1） 创建个人站点 -> 新建仓库（注：仓库名必须是【用户名.github.io】） 2） 在仓库下新建index.html...再次访问：yunxdr.github.io ?.../仓库名 原理 github pages 用于构建和发布 搭建步骤 首先创建一个空的仓库，名称为 test ，settings里GitHub Pages 里选择 mater branch ，接着 选择主题...修改完成后，来到GitHub Pages，可以看到访问的网址 ? ? 其实这里就是给生成的空白的GitHub pages 套了一个主题而已，都是用HTML语言写的。...Github可以托管各种git库，并提供一个web界面（用户名.github.io/仓库名） 当访问自己GitHub上仓库里的其他项目的静态页面时或者其他人的仓库项目时先 fork 到自己的仓库下 在settings

93330

Hexo+Github个人网站搭建

今天这篇文章就给各位介绍下如何利用Hexo+Github搭建属于自己的博客平台，从而让其成为自己的一张名片。 简单介绍下~ Hexo 是一个快速、简洁且高效的博客框架。...Hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。 为什么选择Hexo呢?...因为hexo非常小巧，使用nodejs开发，下载安装时只需要几个简答的npm命令即可。 纯静态博客，不需要什么额外的mysql数据库、php环境…仅仅需要一个nodejs环境即可。...hexo init yangzhuo cd yangzhuo npm install 5.Hexo 3.0 把服务器独立成了个别模块，您必须先安装 hexo-server 才能使用。...展示一下搭建好的效果图： ? Github+Hexo搭出来的网站，访问速度比较慢，推荐大家去阿里云或者腾讯云等云服务提供商买个服务器，再买个域名，自己搭建一个博客或者网站。

1.1K20

Hugo + GitHub Pages 搭建自己的网站

很早之前，我使用 WordPress 搭建了个人博客：http://blog.studygolang.com，毕竟那时候 WordPress 是首选。...既然博文都保存在了 GitHub 上，怎么方便快速的基于 GitHub 来搭建自己的博客呢？（有些人直接就让在 GitHub 阅读，虽然可以，但体验还是不太好，而且看起来没有那么高大上，是不是？）...我想过使用 GitBook 来搭建，安装时，发现官方已经不维护 gitbook-cli 了，而且每次新增加文章，都得维护目录等，也是挺费劲的。于是放弃了这种方式。 这时我想到了通过静态博客生成器来搞。...Hugo 在你本机某个目录执行如下命令，创建一个网站，我使用 polarisxu 这个名字。...03 使用 GitHub Pages 部署站点 这是 GitHub 为你和你的项目准备网站的，GitHub Pages 官方站点：https://pages.github.com/，大概就是通过将网站内容放到

1.3K30

2022 如何在 GitHub 上搭建个人网站（github.io）

我报名参加金石计划1期挑战——瓜分10万奖池，这是我的第2篇文章，点击查看活动详情 前言 目前，想要搭建自己的项目演示，又想要免费的服务，这时就可以使用 GitHub 提供的免费Pages服务：github.io...前置：有GitHub账号，熟练使用git版本管理。 成果展示 github pages 直接从您的 GitHub 存储库托管。只需编辑、推送，您的更改就会生效。...像这样https://pangyiming.github.io/xxx 步骤 第一步：新建仓库 在GitHub上，创建一个新的仓库，仓库名设置为如下格式：账户名.github.io 第二步：添加文件...然后拉到下面直接提交即可： 当然你也可以用git方法来实现： git clone https://github.com/username/username.github.io cd username.github.io...，小提示，可以当静态资源服务器使用，但你不引入的 css 和 图片 不会暴露外链哦。

5.2K20

搭建个人博客网站Github、Hexo与Next

在这最后的时间里，想起把自己使用Hexo搭建个人博客网站的流程整理成篇，前段时间为了这个也是找了好多资料，遇到不少坑，将它记录在这里就算是旧年里的最后一个节点，毕竟春节过后新的一年就要真正开始了。...2.搭建Node.js环境 我们了解到Hexo基于Node.js的，那么我们搭建博客网站首先需要安装Node.js环境。...这里用到Github，是因为我们需要通过Github得到自己的博客网站域名，而且需要使用gitHub同步我们个人博客的相关文件。...二、开始搭建博客 1.开启GitHub Pages服务 搭建我们的个人博客需要一个唯一的域名，当然我们可以申请购买一个域名来使用，但是在不是太必要的情况下，我们也可以通过Github Pages获得一个免费使用的域名...我们的目的是创建自己个性化的博客网站，所以我们使用Hexo在本地先创建一个本地博客站点，优化后再把它部署到github上。

1.6K60

利用Github+Jeklly搭建个人博客网站

在使用的时候项目和网站的大小不要超过 1GB，也不要过于频繁的更新网站的内容（每小时不超过 10 个版本），每个月的也要注意带宽使用上限为 100GB。这些对于个人网站其实是够用。...如果你已经确认选择 Github Pages 方案，继续跟着猴哥的思路，一步步搭建属于自己的博客。...主题下载之后，我们需要把主题文件同步到我们的网站，也就是远程的 Github 仓库。如果你熟悉 Git 用法，可以使用 clone 命令将 Github 仓库下载到本地。...4.Jekyll 本地环境搭建 如果我们想对主题界面进行修改，每次预览界面需要将文件同步到 Github 仓库，这样操作不太方便。因此，我们可以本地搭建个 Jeklly 环境，方便我们调试。...当一切工作完成就绪，我们就可以使用 Github 客户端将内容推送到远程仓库。

1.4K20

JERRY Hexo & GitHub 静态网站搭建说明

JERRY-Hexo-GitHub 《JERRY Hexo & GitHub 静态网站搭建说明》 非原创内容，转载请注明出处！ 一、前言 1.1 什么是 Hexo？...1.4 Hexo 与 GitHub 搭配建站的优缺点 （1）优点 简单稳定 开源免费 社区活跃利于交流 （2）缺点： 国内访问速度慢 不支持动态网站搭建 二、安装 Git 2.1 什么是 Git？...Git 是一个开源的分布式版本控制系统，用于敏捷高效地处理任何或小或大的项目 使用 GitHub 必须有 Git。...打开终端键入以下命令： $ cnpm install hexo-cli -g # 等待一会，安装完毕 $ hexo -v # 查看 hexo 版本 # 若以上命令成功识别，那么 hexo 便安装成功 五、搭建静态网站...server # 该命令可以简写为 $ hexo s # 默认情况下，访问端口为：http://localhost:4000/ # 在浏览器中访问 http://localhost:4000/ 即可打开本地搭建好的网站

31740

利用Github+Jeklly搭建个人博客网站

中讲到，可以利用 Github Pages 来搭建个人博客网站，本文主要讲解其中的各种细节。 1.评估 Github Pages 方案 前面说到几种博客方案，我都玩过，可以说是各有各的特点与优势。...在使用的时候项目和网站的大小不要超过 1GB，也不要过于频繁的更新网站的内容（每小时不超过 10 个版本），每个月的也要注意带宽使用上限为 100GB。这些对于个人网站其实是够用。...如果你已经确认选择 Github Pages 方案，继续跟着猴哥的思路，一步步搭建属于自己的博客。...主题下载之后，我们需要把主题文件同步到我们的网站，也就是远程的 Github 仓库。如果你熟悉 Git 用法，可以使用 clone 命令将 Github 仓库下载到本地。...当一切工作完成就绪，我们就可以使用 Github 客户端将内容推送到远程仓库。 剧透一下，下篇分享 Github Pages 结合 Hexo 搭建博客网站方案。

1.1K20

利用 Github+Hexo 搭建个人博客网站

我之前写过一篇文章《利用Github+Jeklly搭建个人博客网站》，利用 Github 仓库提供的 github pages 来搭建个人博客。...本文给大家介绍利用 Hexo 结合 Github pages 来搭建个人网站。 1 什么是 Hexo？ Hexo 是一个基于 node.js 制作的快速、简洁且高效的博客框架。...3 创建 Github 项目 我们是将网页托管到 Github Pages 上，这部分就不再花篇幅去详细介绍，具体可以参考《利用Github+Jeklly搭建个人博客网站》的内容。...然后我们使用 npm 来安装 Hexo。 $ npm install -g hexo-cli 5 构建本地项目 在本地磁盘中，创建一个名为 Github_blog 的文件夹，用来保存网站项目的文件。...•deploy_git Hexo 借助 Git 推送网站信息到 Github 仓库所生成的文体。

93021

利用Github+Jeklly搭建个人博客网站

中讲到，可以利用 Github Pages 来搭建个人博客网站，本文主要讲解其中的各种细节。 1.评估 Github Pages 方案 前面说到几种博客方案，我都玩过，可以说是各有各的特点与优势。...在使用的时候项目和网站的大小不要超过 1GB，也不要过于频繁的更新网站的内容（每小时不超过 10 个版本），每个月的也要注意带宽使用上限为 100GB。这些对于个人网站其实是够用。...如果你已经确认选择 Github Pages 方案，继续跟着猴哥的思路，一步步搭建属于自己的博客。...主题下载之后，我们需要把主题文件同步到我们的网站，也就是远程的 Github 仓库。如果你熟悉 Git 用法，可以使用 clone 命令将 Github 仓库下载到本地。...当一切工作完成就绪，我们就可以使用 Github 客户端将内容推送到远程仓库。 剧透一下，下篇分享 Github Pages 结合 Hexo 搭建博客网站方案。

93520

使用github搭建个人博客

前言 为什么我要搭建一个个人博客呢？主要是为了方便自己分类一些东西，而且最近在学 html 和 css ，搭建一个博客来帮助自己理解一下。...2 新建一个库 在 github 那新建一个库 ? 或者使用链接的方式，https://github.com/new ? 点击 Setting 进行设置 ?...可以修改通用 _config.yml 文件来搭建自己的博客；文章都放在_posts文件夹数里，每篇文章的开头都需要设置一些头信息，这个不同的模板是不一样的，需要自行判断，自行修改。 ?...5 我的搭建 我是自己在 github 那 fork 了一份模板，然后修改的。 https://github.com/kaeyleo/jekyll-theme-H2O ?...使用的模板：https://github.com/kaeyleo/jekyll-theme-H2O 题图：Photo by Nick Morrison on Unsplash

1.1K60

使用GitHub搭建个人博客

今年使用GitHub搭建了自己的博客：kaze2017.com 我整理了一下搭建博客的过程，分为购买域名、准备环境、Git和GitHub、搭建博客、绑定域名、感谢六个部分。...第一次使用显示为“No such file or directory”；如果不是第一次使用，则备份删除。...四、搭建博客 打开GitHub网站，并登录账户。...项目的修改，可以像上面的CNAME一样在页面操作，也可以使用安装的Git将项目下载到本地，在本地修改后再上传到GitHub，Git提交文件： git add . git commit -m "修改内容说明...搭建个人博客的想法和流程源自cnfeat的博客（cnfeat.com），项目代码修改自P233的项目（P233.github.io），期间有不懂的就问同事、查百度，在此向大家表示衷心的感谢！

1.6K100

【教你搭建服务器系列】 （11）使用GitHub+Hexo搭建自己的网站、博客

前面提到的都是有个人服务器和域名的，那在没有服务器又没有域名的情况下，我们想搭建自己的网站，该如何做呢？...GitHub托管了每个用户的仓库，利用这个仓库可以免费为用户提供一个静态网站，你甚至不需要申请域名，这就是我们常说的GitHubPages。...3、注册GitHub，新建仓库 新建仓库要 带上README.md 新建完成则查看仓库 的 setting，拉到最后，找到GitHub Pages，选中分支： 保存后你发现你的网站的URL就生成了，点击网站就直达你的...:4000/，表示成功启动，这是默认的hexo主题： 可以使用 hexo clean && hexo g && hexo s 一步到位 5、绑定Github page 打开本地博客目录，修改 _...: git repo: https: https://github.com/DogerRain/LearnJavaToFindAJob.git branch: master 如果你是第一次使用

77640

如何使用github hexo git vercel搭建网站完整版

如何使用github+hexo+git+vercel弄一个hexo博客<重制版 为什么又出来了一个 因为上一个太烂 估计看那个教程的都不行 准备 git 电脑 vercel账号 github账号 vercel...其实不用搞 他只是加速的 开始 在随便一个盘符 新建一个文件夹 进入文件夹 右键 选择 github bash here 之后最小化 不用管他 前往这里下载node 安装后 在github bash里输入.../YourGithubName/YourGithubName.github.io.git branch: master 这里先写到这里 yo 我又回来了 之后进入github 点击那个+号 之后new...之后输入 git config --global user.name "你github名字" git config --global user.email 你注册github的邮箱 输入 hexo d...-g 这个是上传并且生成 hexo g -d 也是一样的 上传好了的话就可以访问了 域名大概都是https://你的github名字.github.io 如果你要绑定域名 在source文件夹新建CNAME

53730

用vuepress2搭建自己的github网站

最近打算自己做一个博客网站记笔记，然后部署到github上，最终选择了vuepress的最新版本v2（使用的是vue3和TypeScript开发，默认使用Vite作为打包工具）。...一、根据官方示例搭建项目 直接根据官方文档先初始化项目就行了，注意文档的版本，v1和v2还是有很多地方不同的。...二、将代码推到github上 最终我们是要部署到github上，所以直接在github上新建一个自己的项目仓库就好了 三、用 GitHub Actions 部署到 GitHub Pages 具体的各个站点和...2、文档上写的项目自动生成的打包命令是：yarn docs:dev和yarn docs:build，实际使用中我们往往会直接改成 yarn dev和yarn build，如果改了GitHub Actions...里的打包命令也要同步改下； 3、仓库里的Pages设置分支要选到gh-pages分支，后面的一项直接选根目录/(root)，切记最后要点一下后面的save保存，否则不生效哟； 4、如果输入直接的网站地址打开发现是

28640
点击加载更多

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

更多标签

活动推荐

    运营活动

    活动名称
    广告关闭

    腾讯云开发者

    扫码关注腾讯云开发者

    扫码关注腾讯云开发者

    领取腾讯云代金券

    热门产品

    热门推荐

    更多推荐

    Copyright © 2013 - 2024 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

    深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

    腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

    领券