视频链接:https://www.bilibili.com/video/av64294697

码云:

1、新建一个仓库      

路径名会影响你的个人网站的网址(自行修改),开源(公开),其他默认

我们点击创建   

2、进入仓库后,我们新建一个文件

3、文件名为index.html,再写入我们的html代码

然后“提交”    

4、文件添加完成后,我们点击“服务”->“Gitee Pages”

5、启动服务

6、启动完毕后,这个网址就是我们的个人网站的网址了。

7、我们点击网址进入看看

8、之后我们就可以上传其他文件,如css和js

网站加载可能不会很快,需要耐心等待,我搭建的网站:传送门

————————————————————————————————————————————————————-————

GitHub:

操作类似

注意:新建仓库时,仓库名是“你的GitHub的用户名.github.io” (用户名如果是大写,仓库名要改成小写)

进入仓库后,我们在网址后面加上/new/master,进入创建文件页面

之后就类似了,创建index.html文件

访问的网址是http://你的仓库名    我的就是(http://ikaros-521.github.io

补充部分:

GitHub不创建io仓库也可以使用pages服务,参考 github 上如何直接预览仓库中的html,搭建自己的主页

创建io仓库后,以上服务就无法访问404

可以通过 在html的网址前面+ http://htmlpreview.github.io/?

如 http://htmlpreview.github.io/?https://github.com/Ikaros-521/html_login_register/blob/master/login.html

不过似乎不快。。。

我已经在GitHub上搭建“博客”了,网址同上,可以参考。

主要使用的是hexo提供的一系列服务,以及 matery 的主题。

hexo的搭建参考博客:Hexo+Github: 个人博客网站搭建完全教程(看这篇就够了)

matery主题设置:Hexo博客主题之hexo-theme-matery的介绍 | 闪烁之狐

yilia主题设置参考博客:Hexo yilia 主题一揽子使用方案

使用码云或GitHub搭建简单的个人网站的更多相关文章

  1. .NET CORE上传文件到码云仓库【搭建自己的图床】

    .NET CORE上传文件到码云仓库[搭建自己的图床] 先建一个公共仓库(随意提交一个README文件或者.gitignore文件保证master分支的存在),然后到gitee的个人设置页面找到[私人 ...

  2. Myeclipse10.7安装git插件并将Java项目上传到码云(github)

    注:本文来源:外匹夫的<Myeclipse10.7安装git插件并将Java项目上传到码云(github)> 一.先说说安装egit插件的步骤(安装egit不成功的原因主要是下载的egit ...

  3. Git从码云或者Github 克隆代码到本地

    Git从码云或者Github 克隆代码到本地 1.下载安装Git,傻瓜式下一步下一步即可... 2.配置Git: 2.1.选择你要clone到本地的路径:右键--->$ Git Bash Her ...

  4. 使用码云,GitHub进行版本控制,并通过WebHook进行自动部署

    我们通常需要在 PUSH 代码到远程仓库时,线上环境会自动进行代码同步,这时候就需要用到WebHook,它会自动回调我们设定的http地址. 通过请求我们自已编写的脚本,来拉取代码,实现与远程仓库代码 ...

  5. 用mkdocs在gitee码云上建立一个简单的文档博客

    利用mkdocs建立简单的文档博客 一.概述 MkDocs 是一个用于创建项目文档的 快速, 简单 , 完美华丽 的静态站点生成器. 文档源码使用 Markdown 来撰写, 用一个 YAML 文件作 ...

  6. 上传项目到码云或GitHub

    一.安装Git 官网下载地址:https://git-scm.com/download/win 安装完成后,配置环境变量即可, 打开cmd,输入 git,出现以下提示即表示安装成功: 二.生成ssh公 ...

  7. 如何把本地代码提交到git(码云)、github代码管理项目上

    前提必须安装了git工具 以下命令操作都是通过git bash操作. 将本地代码提交到码云空项目操作: D:\>mkdir inek_winprop D:\>cd inek_winprop ...

  8. Gitee(码云)、Github同时配置ssh key

    一.cd ~/.ssh 二.通过下面的命令,依次生成两个平台的key $ ssh-keygen -t rsa -C "xxxxxxx@qq.com" -f "github ...

  9. Github搭建简单的博客

    1)安装pelcan和markdown pip install pelican markdown --upgrade 2)创建一个文件夹用来作为博客的目录 mkdir 博客目录 3)cd到该目录下运行 ...

随机推荐

  1. JavaScript原始类型转换和进制转换

    1.JavaScript转换包括:强制转换和基本转换 如: var  str = 'A',num=10,nu=null,t=true,und=undefined,x; //注意:定义的x未被初始化:默 ...

  2. 【luoguP5490】【模板】扫描线

    求\(n\)个矩形的面积并,可以用线段树维护一条垂直于\(y\)轴的直线上被矩形覆盖的长度有多少长,将直线从左往右扫一遍,遇到矩形左边界就+1,遇到右边界就-1,不为\(0\)的位置就表示没有覆盖 不 ...

  3. Java Array二维数组使用

    二维数组:元素为一维数组的数组 package myArray.arrayarray; /* *二维数组:元素为一维数组的数组 * * 定义格式: * A:数组类型[][] 数组名: (推荐用法) * ...

  4. 19 条效率至少提高 3 倍的 MySQL 技巧

    阅读本文大概需要 4 分钟. 来源:https://zhuanlan.zhihu.com/p/49888088 本文我们来谈谈项目中常用的 MySQL 优化方法,共 19 条,具体如下: 1.EXPL ...

  5. [原创]Android Monkey测试工具使用介绍

    [原创]Android Monkey测试工具使用介绍 1 Android Monkey介绍 Monkey是Android中的一个命令行工具,可以运行在模拟器里或实际设备中.它向系统发送伪随机的用户事件 ...

  6. 集合类 collection接口 Set

    Collection接口的另外一种实现为Set集合,主要有两种实现方式一种为HashSet另一种为TreeSet,两种实现都依赖与对应的Map实现类. 代码如下: public HashSet() { ...

  7. maven 无法引入包 报错 处理方式

    <!--orderquery thrift client定义--> <dependency> <groupId>com.sankuai.qcs</groupI ...

  8. [Gamma阶段]第三次Scrum Meeting

    Scrum Meeting博客目录 [Gamma阶段]第三次Scrum Meeting 基本信息 名称 时间 地点 时长 第三次Scrum Meeting 19/05/29 大运村寝室6楼 30min ...

  9. leetcode:7. 整数反转

    题目描述: 给出一个 32 位的有符号整数,你需要将这个整数中每位上的数字进行反转. 示例: 输入: 123 输出: 321 输入: -123 输出: -321 输入: 120 输出: 21 注意:假 ...

  10. 解决vue项目路由出现message: "Navigating to current location (XXX) is not allowed"的问题(点击多次跳转)

    如果网页跳转用的方法传参去跳转: (点击多次链接会出现错误) <a class="" href="javascript:void(0);" @click= ...