搭建个人网站(详细教程)

news/2024/5/21 5:39:31/文章来源:https://blog.csdn.net/weixin_43292457/article/details/84844764

一、概述(列举利用域名对接自己的博客)

       本篇博客具有较高的实用性,如果你有足够耐心阅读并操作下去的话,你一定能获得意外的收获。如果你有耐心访问www.007svip.cn或者007svip.cn的话,你会发现进入的是我的博客首页。我的博客是CSDN你会发现要比https://blog.csdn.net/weixin_43292457好记的多。

需要用的东西:
1.(Github),首先你要注册一github账号。注册官网
2.购买一个域名。

二、Github Pages的使用

(1)登录账号(登录和注册都在点击后页面的右侧)
在这里插入图片描述(2)新建仓库在这里插入图片描述这里只要注意一个地方,就是仓库的名称,必须是你的用户名+ github.io,
(3)更新内容
        有了仓库以后,你就可以去随意的更新内容了,如果你对html熟悉,你可以随便写个页面提交上去。

命令行进入硬盘上任意一个文件夹,然后执行一下命令

git clone https://github.com/liu/liu.github.io.git #这里注意,这里的liu指的是你的用户名与仓库的名字

执行后会出现下边这个文件夹

在这里插入图片描述然后编写一下index.html文件,并把网页文件放入.io文件夹里。

<!DOCTYPE html>
<html>
<script>window.location.href="https://blog.csdn.net/weixin_43292457";
</script><body>
</body></html>

(4)提交内容

首先命令行进入你的liu.github.io(进入这个文件夹按SHIFT不动并右击,点击在此打开命令行工具)这个目录,然后依次执行。如果你没有GIT,可以参考GIT的安装教程(点击进入安装教程)
git add .
git commit -m “注释”
git push
然后输入你的用户名,密码即可。

更新成功之后,那就要恭喜你了,你的个人站点搭建成功了.在网页中输入http://hongyangandroid.github.io(你的仓库名),就可以成功进入到你的博客主页了。到此,并没有结束,因为先前只是搭建一个仓库而已,并没有把你的域名与之绑定。下面就开始介绍域名的解析与绑定。

三、域名与博客对接

(1)域名的购买与解析
首先你要有个域名,那么就要去申请域名了,这里我们可以通过万网申请:https://wanwang.aliyun.com/ 查找你想申请域名,如果可以买,购买就可以了。
域名购买完成后,进入域名管理界面在这里插入图片描述

添加记录

在这里插入图片描述

下边是教你添加的方法

在这里插入图片描述根据上表,填写两条主机记录其实就可以了:
主机记录:www
主机记录:@

(2)新建CNAME文件

在你刚才保存index.html同级目录下创建CNAME文件(注意全大写,没有后缀)
在这里插入图片描述

文件内容如下(就是你解析的域名)

在这里插入图片描述
然后执行:git add . , git commit -m “注释”,git push,然后输入你的用户名,密码即可,如果忘记命令,可以往前翻。

更新成功之后,检查下,确定成功了,就可以通过你的域名访问了(如果一时间进不去可以刷新或等待一会时间就可以了)


                 以上就是我用github pages搭建的个人站点,如何你想搭建自己的网站,只需要把你的网站代码上传到你的仓库就好了,这里只是列举的是博客。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_825499.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

如何搭建个人网站

首先&#xff0c;申明下本文所指的新人是指会上网站看网页&#xff0c;会自己聊QQ&#xff0c;会在新浪、网易等平台上写博客的人。当然你要说这个只要会上网的人都会了&#xff0c;是的&#xff0c;我所指的新人就是会上网的人。所以本文的技术含量不会很高&#xff0c;高手可…

前端开发者需要知道的网站

很开心与你们分享一些前端工程师需要了解的网站&#xff0c;当然&#xff0c;只要你是开发者&#xff0c;也不妨了解一下。ok&#xff0c;lets go ! 1. Flat UI https://flatuicolors.com/ 比较适用的配色方案&#xff0c;方便&#xff0c;适合自己搭配网站2. Canvas画布…

如何搭建个人网站(内容详细,适合新手)

大家在网上自行搜索相关题目&#xff0c;会有很多的文章啦。那&#xff0c;如果你跟我一样。作为一个小白&#xff0c;没有专业知识&#xff0c;但热衷想体验一番。可以看看以下内容&#xff0c;这是我刚踩完坑后的(粗略)经验&#xff0c;分享给大家。 经历昨晚几个小时的研究&…

Java民宿网站管理系统

&#x1f525;作者主页&#xff1a;bug刘&#x1f525; &#x1f496;简介&#xff1a; 简历模板、学习资料、面试题库【关注我&#xff0c;都给你】&#x1f496; 工具下载链接&#x1f60e;&#x1f60e;&#x1f60e;&#xff1a; JDK版本下载 Eclipse下载链接 Mysql下载链…

2021-08-30-CR-006 Python爬虫 使用requests和BeautifulSoup爬取网站上的代理服务器列表,每天一个爬虫小技巧

这里爬取西拉代理的高匿服务器列表 先分析页面的格式 这里可以看出来页面的第几页就是链接后面加数字和斜杠 然后测试下第一页也是可以的&#xff0c;2000页就是一个循环即可调整url 需要的数据在网页源代码的table里面&#xff0c;用BeautifulSoup即可选择 出来 代码&#xf…

创建个人网站(一) 如何申请一个网站

文章来源&#xff1a;http://jingyan.baidu.com/article/aa6a2c14df86650d4c19c4ce.html 建一个网站不需要多少钱&#xff0c;但用途是很多的。如果你经营有方&#xff0c;完全可以通过广告挣出网站费用。今天小编就告诉大家如何在万网申请并建立一个网站。 小编提示&#xff…

创建个人网站(二) 网站备案

来源&#xff1a;http://jingyan.baidu.com/article/358570f661b3a6ce4724fcf0.html 本系列上一篇经验我们学习了如何申请一个网站&#xff0c;包括申请域名和购买空间等。但是购买的网站域名和空间是不可以直接用的。我们国家规定所有国内网站必须先进行备案。 现在我们就学…

个人网站建立-1.1

1.使用 HBuilder X写出大致框架 开头添加了一个图片链接 <img src"../img/1.img.webp"/ width"100%" alt"背景图"> 2.用css描述样式&#xff1a; 3.效果图:

个人网站建立-1.2

&#xff08;遇到问题1&#xff1a;如何实现页面内跳转且导航栏保留&#xff09; 1.想到一个笨办法:把每个页面都写上导航栏代码&#xff08;后期再优化&#xff09; 这样跳转到其他部分导航栏也在&#xff0c;问题解决. &#xff08;后续补充每个板块内容&#xff09;

个人网站建立-1.3

优化-使用background语法设置背景图&#xff0c;更改背景图为高清图 删除原‘wx’类&#xff0c;在body里添加background 效果图&#xff1a;

个人网站建立-1.4

主页丰富&#xff08;脑子容量有限&#xff0c;见谅&#xff09; 添加介绍&#xff1a;欢迎来到我的个人网站~~ 在主页html里添加&#xff1a; <div id"text"> <p>欢迎来到我的个人网站~~</p> </div> 用css修…

个人网站建立-1.5

细节优化 和 添加单独css 及 代码注释添加 1.细节优化: 更改‘主页html’名字为-homepage.html 2.添加单独css分类命名: 3.添加必要注释

个人网站建立-1.6

1.主页继续丰富 &#xff08;使用position&#xff1a;fixed进行定位&#xff09; 2.板块自我介绍丰富 1.使用iframe标签进行内嵌框架 <div class"self"> <iframe frameborder"0" align"top" src"me1.html"…

个人网站建立-1.7

1.常用网站板坏丰富 1.统计常用网站的网址和图片 2.添加图片超链接&#xff1a; <div id"self"> <h3>生活网站</h3> <hr /> <a href"http://www.baidu.com" target"_bl…

个人网站建立-1.8

1.板块我的照片丰富 1.使用iframe标签添加框架 <div id"p"> <iframe frameborder"0" align"top" src"picture1.html" width"560px" height"550px"></iframe> <…

个人网站建立-1.9

板块联系方式丰富&#xff1a; 1.html代码&#xff1a; <div class"information"> <p><span>QQ:</span>888</p> <p><span>邮箱&#xff1a;</span>888qq.com</p> …

个人网站建立-2.0

板块留言丰富&#xff1a; 1.html代码&#xff1a; <form name"message" method"post" target"_blank"> <p id"p1">请写下要对我说的话吧&#xff1a;</p> <textarea c…

个人网站建立-2.1

&#xff08;分享板块暂时还没想好写啥&#xff0c;就暂时放着&#xff09; 网站现在就大致成型了&#xff0c;但只能自己本地登录查看就很难受&#xff0c;所以: 我就用了Appserv来解决这个问题&#xff01; 优点&#xff1a;操作简单 缺点&#xff1a;只能在自己电脑打开…

互联网协会 推出的中国网站流量监测公益性服务(带软件下载)

软件下载: http://www.chinarank.org.cn/download/ptxz.html?urlzg 中国网站排名是由 中国互联网协会 推出的中国网站流量监测公益性服务&#xff0c;为网民免费提中文网站的流量分析统计&#xff0c;让您及时、全面了解网站的综合数据变化。只要您安装中国网站排名工具条&am…

风云榜 -人气网站

(转自&#xff1a;电脑报&#xff08;总策划) &#xff09;网络宽带在国内大中小城市均完成了全面普及&#xff0c;国内网民数量陡增。面对如火如荼的网络市场&#xff0c;各大网站媒体也纷纷使出十八般武艺&#xff0c;创新不断&#xff0c;以此来搏得自己的网络市场份额。面对…