论坛 › 浙江 › 怎么样搭建一个属于自己的网站？

ikkhksvu 发表于 2024-7-27 17:41:02

怎么样搭建一个属于自己的网站？

    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">想<span style="color: black;">持有</span>一个自己的博客网站吗？<span style="color: black;">此刻</span>搭建个人网站/个人博客的平台和软件<span style="color: black;">非常多</span>，<span style="color: black;">例如</span>最流行的是这三个：</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">1. http://Wordpress.com，很好很简单很强大，<span style="color: black;">然则</span>，你在上面搭的网站国内<span style="color: black;">不可</span><span style="color: black;">拜访</span>。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">2. http://Wordpress.org，自己下载Wordpress软件托管。有些云平台如AWS有打包服务，<span style="color: black;">不消</span>自己下载了。这个<span style="color: black;">需求</span><span style="color: black;">必定</span>的专业能力，<span style="color: black;">况且</span>不可能完全免费——托管费总要付点儿吧。</p>3. http://Wix.com，非常简单的拖拽式网站制作，会做<span style="color: black;">美丽</span>的PPT就能做<span style="color: black;">美丽</span>的网站。<span style="color: black;">然则</span>，一方面国内虽能<span style="color: black;">拜访</span>但很慢，<span style="color: black;">另一</span>一方面，<span style="color: black;">倘若</span>一点儿小钱<span style="color: black;">亦</span>不想施舍的话，网站头上会<span style="color: black;">始终</span>顶着个长条<span style="color: black;">宣传</span>，非常碍眼。
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">今天介绍一种对技术<span style="color: black;">需求</span>最低、最为快捷简单的博客网站建站方式 —— Github的Fork复制方式。你没看错，是Github！不懂编程<span style="color: black;">亦</span>能去程序猿们的大本营搞事情。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">用Github搭建网站的<span style="color: black;">优良</span>：</p>完全免费，且无<span style="color: black;">宣传</span>；国内<span style="color: black;">拜访</span>无忧（<span style="color: black;">最少</span><span style="color: black;">日前</span>是<span style="color: black;">这般</span>），速度<span style="color: black;">亦</span>不赖；完全不受平台功能限制，<span style="color: black;">因此</span><span style="color: black;">倘若</span>将来懂得编程了，想改成<span style="color: black;">怎么样</span>就改成<span style="color: black;">怎么样</span>。<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">弥补</span>说明：Github在国内<span style="color: black;">拜访</span>还是有些不稳定，<span style="color: black;">举荐</span>用码云（http://Gitee.com）代替，其<span style="color: black;">办法</span>与下面说的完全<span style="color: black;">同样</span>，只是需要把所有的github.com改成gitee.com，所有的github.io 改成 gitee.io；但要Fork复制的网站，需改成gitee.com/klovien/klovien (与github的形式略有<span style="color: black;">区别</span>)。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">好了，<span style="color: black;">到底</span><span style="color: black;">怎么样</span>简单粗暴地花10分钟就能做成一个成型的博客网站呢？（<span style="color: black;">这儿</span>强调成型的，<span style="color: black;">由于</span>网上有<span style="color: black;">非常多</span>10分钟教程做出来的是一个很简陋、不成型的博客；至于<span style="color: black;">详细</span>怎么个成型，你按下面做好就<span style="color: black;">晓得</span>了，大致来讲<span style="color: black;">便是</span>界面<span style="color: black;">已然</span>很好看了，<span style="color: black;">况且</span>立刻就<span style="color: black;">能够</span>写博客了。）</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">只要简单三步：</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">第1</span>步：注册Github账号。请点击<span style="color: black;">这儿</span>github.com注册。<span style="color: black;">重视</span>，账号的取名很重要，<span style="color: black;">由于</span>你的username将<span style="color: black;">作为</span>你免费网站域名的核心部分，它将长成<span style="color: black;">这般</span>：yourusername.github.io，<span style="color: black;">例如</span>我选的用户名是xin，<span style="color: black;">因此</span>将要<span style="color: black;">作为</span>我博客网站的<span style="color: black;">位置</span><span style="color: black;">便是</span>：xin.github.io。（当然，<span style="color: black;">倘若</span>你打算注册<span style="color: black;">运用</span>付费域名，账号取名就不重要了。）</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">第二步：复制我的网站。注册登录Github后，请点击<span style="color: black;">这儿</span></p>github.com/xin/xin.github.io 进入到我的仓库。看到如下界面，请点击最右上角的“Fork”按钮。

    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/8fe33de0c33e48d988b3ec7fcd0e53fc~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1722654184&amp;x-signature=mpiTVU%2BQomsutmNPk0d3m1ikv4Q%3D" style="width: 50%; margin-bottom: 20px;"></div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">图1 待复制的<span style="color: black;">目的</span>仓库</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">等几秒钟，复制完成后，你会看到界面几乎还是上图<span style="color: black;">这般</span>一个界面，但左上角的仓库名自动改<span style="color: black;">成为了</span></p>yourusername/klovien.github.io。她是你的了！

    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">这个时候在标签行的最后面，<span style="color: black;">增多</span>了一个“Settings”标签（就在<span style="color: black;">刚才</span>那个Fork按钮下面靠左一点点的<span style="color: black;">地区</span>）。<span style="color: black;">重视</span>你<span style="color: black;">日前</span><span style="color: black;">位置于</span>你仓库的“Code"标签页，所以请点击换到“Settings”标签页，进去后看到下图的界面。<span style="color: black;">此刻</span>你只要把下图中仓库名中的“klovien"这个单词改成你账号的username，<span style="color: black;">重视</span><span style="color: black;">保存</span>.github.io不要变啊（若你用的是gitee则没这个），点击Rename。哈哈，搞定了。</p>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/61ea5d517c1f4f0e9d4fcd3c9517fbed~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1722654184&amp;x-signature=IZwL5n%2Bo%2BdRc3gNAlt2S3xVPoXw%3D" style="width: 50%; margin-bottom: 20px;"></div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">图2 把仓库名的<span style="color: black;">第1</span>部分改为你的用户名</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">此刻</span>新开个浏览器窗口输入yourusername.github.io<span style="color: black;">瞧瞧</span>效果吧，这<span style="color: black;">便是</span>你的博客主页面了。是不是很简单很爽的一件事？（若没<span style="color: black;">显现</span>下图，而是<span style="color: black;">表示</span>404错误，那<span style="color: black;">便是</span>上图中的改名没改对，请仔细<span style="color: black;">检测</span>一下输入的是不是你的username，有<span style="color: black;">无</span>拼错）</p>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/71cd67f02f164bb6816fac815d66cac8~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1722654184&amp;x-signature=mzZcGdwBYBtzd4ouwbaA35l75Mw%3D" style="width: 50%; margin-bottom: 20px;"></div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">图3 Fork完成后的网站模样</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">等等！这招牌是什么东东？？？—— 嗯嗯，不要急，招牌当然要改成你自己的咯，请继续往下走。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">重视</span>：<span style="color: black;">倘若</span>你用的是码云Gitee，<span style="color: black;">况且</span>是免费账号的话，需要要手工<span style="color: black;">安排</span>Pages服务，<span style="color: black;">才可</span><span style="color: black;">显现</span><span style="color: black;">以上</span>网页，<span style="color: black;">办法</span>是点“服务-GiteePages-<span style="color: black;">起步</span>”。以后任何改动都需要<span style="color: black;">运用</span>类似操作重新<span style="color: black;">安排</span>一次，<span style="color: black;">才可</span>生效。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">第三步，改成你的招牌。<span style="color: black;">此刻</span>，回到你仓库的Code标签界面，往下慢慢瞧，找到这个文件：_config.yml，点击进去看到下面的界面。点击右上角的那只笔进入编辑模式，把红箭头指到的<span style="color: black;">地区</span>，一一改成你想要的东西吧。最后一个箭头，是头像文件，假定你暂时还不<span style="color: black;">晓得</span>怎么上传文件，<span style="color: black;">因此</span>改成这个好了：/img/about-someone.jpg，嗯，我放了个空白头像在那里 。</p>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/271670a28a9a4ed19643496cf1b5be10~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1722654184&amp;x-signature=PX6NcgPYkwl44hUTYGHdib5GQ9U%3D" style="width: 50%; margin-bottom: 20px;"></div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">图4 修改网站关键信息，<span style="color: black;">作为</span>你自己的网站</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">拉到页面下面点提交，大功告成！再到你的博客主页面yourusername.github.io<span style="color: black;">瞧瞧</span>，是不是这些信息都改成你的了？（可能要稍微等一下，多刷新几遍。用码云的记得要重新<span style="color: black;">安排</span>。）</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">以上<span style="color: black;">咱们</span>就<span style="color: black;">经过</span>简单几步，<span style="color: black;">创立</span>了一个相当完整的，而不是一个空白的静态博客网站。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">此刻</span>，你就<span style="color: black;">能够</span>在仓库的“Code"标签页的_posts目录下面，添加你自己的博客<span style="color: black;">文案</span>了：点击进入_posts目录，点击右上角的“Create new file"按钮，文件名设为“yyyy-mm-dd-<span style="color: black;">文案</span>标题.md”（<span style="color: black;">重视</span>后缀名），复制下面的模板内容到编辑框里面，写好你想写的内容，<span style="color: black;">而后</span>在最下面点”Commit new file" 按钮<span style="color: black;">保留</span><span style="color: black;">就可</span>。<span style="color: black;">此刻</span>回到你的博客主页面，多刷新几次，你的<span style="color: black;">第1</span>篇博客就能<span style="color: black;">显现</span>了！（我原有的<span style="color: black;">文案</span>，你尽<span style="color: black;">能够</span>删掉。再说一遍用Gitee的需要重新<span style="color: black;">安排</span>。）</p><span style="color: black;">---</span>
    <span style="color: black;">layout:</span> <span style="color: black;">post</span>
    <span style="color: black;">title:</span> <span style="color: black;">(<span style="color: black;">文案</span>标题)</span>
    <span style="color: black;">subtitle:</span> <span style="color: black;">(副标题)</span>
    <span style="color: black;">date:</span> <span style="color: black;">2018</span><span style="color: black;">-12</span><span style="color: black;">-01</span>
    <span style="color: black;">author:</span> <span style="color: black;">(作者名)</span>
    <span style="color: black;">header-img:</span> <span style="color: black;">img/the-first.png</span>
    <span style="color: black;">catalog:</span> <span style="color: black;">true</span>
    <span style="color: black;">tags:</span>
    <span style="color: black;">-</span> <span style="color: black;">往事如烟</span>
    <span style="color: black;">---</span>
    <span style="color: black;"># 一级标题</span>
    <span style="color: black;">## 二级标题</span>
    <span style="color: black;">（正文内容）</span>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">至此，建站工作已基本完成，还<span style="color: black;">发布</span>了你的<span style="color: black;">第1</span>篇博客。<span style="color: black;">全部</span>过程<span style="color: black;">无</span>用到一行代码，只做了复制和改几个字的事情，足够简单吧！</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">为了方便你自己，请把你的仓库的描述（Description/Website）改一下。<span style="color: black;">亦</span><span style="color: black;">便是</span>对应于<span style="color: black;">第1</span>张图的 “Wellcome to ...” 那个<span style="color: black;">地区</span>，改一下，尤其要把Website改成你自己的域名，<span style="color: black;">这般</span>，你就<span style="color: black;">能够</span>点击它直接进入到你的博客了。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">进一步的完善修改，请看我下一篇<span style="color: black;">文案</span>《在Github上搭建免费个人网站和博客（进阶篇）》。我<span style="color: black;">意见</span>你不要急，慢慢来，<span style="color: black;">能够</span>先写几篇<span style="color: black;">文案</span>玩玩，慢慢再来改网站。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">在进阶前，<span style="color: black;">倘若</span>你看到复制来的About和Resources的内容很烦，暂时又不<span style="color: black;">晓得</span>怎么改的话，请把仓库Code标签下的两个文件：1-resources.html、2-about.html，删掉（点击该文件，再点击类似图4中那支笔旁边的垃圾桶）。<span style="color: black;">安心</span>，<span style="color: black;">倘若</span>需要的话，等你学会修改了，还<span style="color: black;">能够</span>从我<span style="color: black;">这儿</span>copy回去改的。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">搭建博客的<span style="color: black;">第1</span>篇到<span style="color: black;">这儿</span>就结束了。<span style="color: black;">倘若</span>你觉得有用的话不妨点一个免费的赞吧！</p>

nqkk58 发表于 7 天前

外链发布论坛学习网络优化SEO。

nykek5i 发表于 7 天前

软文发布论坛开幕式圆满成功。 http://www.fok120.com

wrjc1hod 发表于 昨天 14:25

请问、你好、求解、谁知道等。

查看完整版本: 怎么样搭建一个属于自己的网站？