[{"data":1,"prerenderedAt":572},["ShallowReactive",2],{"blog-\u002Fblog\u002Faliyun_linux_my_first_static_webpage_main_steps":3},{"id":4,"title":5,"body":6,"category":561,"cover":562,"csdn":562,"date":167,"description":5,"draft":563,"extension":564,"meta":565,"navigation":566,"path":567,"seo":568,"stem":569,"tags":570,"updated":562,"__hash__":571},"blog\u002Fblog\u002Faliyun_linux_my_first_static_webpage_main_steps.md","阿里云 Linux 我的第一个静态网页 主要步骤",{"type":7,"value":8,"toc":545},"minimark",[9,45,55,66,72,88,97,120,125,129,145,148,151,165,168,171,176,179,182,185,190,193,196,200,216,221,226,230,279,287,291,302,306,504,508,513,524,528,532,536,541],[10,11,16],"pre",{"className":12,"code":13,"language":14,"meta":15,"style":15},"language-js shiki shiki-themes github-light","let a = '首先说明，这篇博文没有非常详细步骤，不是速成，需要一步一步慢慢探索'\nlet b = '每个人计算机会有差异，难统一，而且步骤操作太多了'\nlet c = '关键的地方会提醒，你可以当做目录参考，一点一点了解'\nlet d = '如果是新手，你可能需要一周或更长时间才能完成你的第一个web静态网页，请保持耐心，随机应变。'\n","js","",[17,18,19,27,33,39],"code",{"__ignoreMap":15},[20,21,24],"span",{"class":22,"line":23},"line",1,[20,25,26],{},"let a = '首先说明，这篇博文没有非常详细步骤，不是速成，需要一步一步慢慢探索'\n",[20,28,30],{"class":22,"line":29},2,[20,31,32],{},"let b = '每个人计算机会有差异，难统一，而且步骤操作太多了'\n",[20,34,36],{"class":22,"line":35},3,[20,37,38],{},"let c = '关键的地方会提醒，你可以当做目录参考，一点一点了解'\n",[20,40,42],{"class":22,"line":41},4,[20,43,44],{},"let d = '如果是新手，你可能需要一周或更长时间才能完成你的第一个web静态网页，请保持耐心，随机应变。'\n",[46,47,49,50],"h2",{"id":48},"_0-必须先放成果图","0. 必须先放成果图",[51,52],"img",{"alt":53,"src":54},"在这里插入图片描述","https:\u002F\u002Fimg.moooodapp.com\u002Fweb_hongweizhu_com_blog\u002F525fe5819198b88870a79f5e0d690a98.png",[46,56,58,59],{"id":57},"_1-购买云服务器-ecs-阿里云优惠购买链接","1. 购买云服务器 ECS ",[60,61,65],"a",{"href":62,"rel":63},"https:\u002F\u002Fwww.aliyun.com\u002Fproduct\u002Fecs?userCode=oy5fir8z",[64],"nofollow","阿里云优惠购买链接",[67,68,69],"p",{},[51,70],{"alt":53,"src":71},"https:\u002F\u002Fimg.moooodapp.com\u002Fweb_hongweizhu_com_blog\u002Fc90986f38e66fd10cc4b791d22ed1e00.png",[73,74,75,79,82,85],"ul",{},[76,77,78],"li",{},"低配置 ECS 云服务器 租一年 大概100元",[76,80,81],{},"杭州（一般越靠近自己，或用户群体访问速度越快）",[76,83,84],{},"CentOS 7.xxx",[76,86,87],{},"注意设置登录密码",[46,89,91,92],{"id":90},"_2-购买域名也是在阿里云买的购买链接","2. 购买域名（也是在阿里云买的）",[60,93,96],{"href":94,"rel":95},"https:\u002F\u002Fwanwang.aliyun.com\u002Fdomain\u002Fsearchresult\u002F#\u002F?keyword=test&suffix=com",[64],"购买链接",[73,98,99,106,109,112],{},[76,100,101,102,105],{},"我买的是 ",[17,103,104],{},".com"," 结尾的域名，搜索权重大一些，看上也正规一点",[76,107,108],{},"最好简短，好记，有含义，",[76,110,111],{},"购买时长 1 年就好了。",[76,113,114,115],{},"这里有 不同结尾域名的 首次购买及续费价格 ",[60,116,119],{"href":117,"rel":118},"https:\u002F\u002Fwanwang.aliyun.com\u002Fdomain?spm=5176.21213303.J_qCOwPWspKEuWcmp8qiZNQ.1.7c242f3dA2mscw&scm=20140722.S_product@@%E4%BA%91%E4%BA%A7%E5%93%81@@999997._.ID_product@@%E4%BA%91%E4%BA%A7%E5%93%81@@999997-RL_%E5%9F%9F%E5%90%8D-LOC_llm-OR_ser-V_3-RK_rerank-P0_0",[64],"点击访问",[67,121,122],{},[51,123],{"alt":53,"src":124},"https:\u002F\u002Fimg.moooodapp.com\u002Fweb_hongweizhu_com_blog\u002F238c57ca962eb978c7fead01be084dec.png",[46,126,128],{"id":127},"_3-域名备案购买后请等待3天3天之后才会进入注册商验证库再提交系统初次审核","3. 域名备案（购买后请等待3天（3天之后才会进入注册商验证库）再提交系统初次审核！！！）",[130,131,132,135,138],"ol",{},[76,133,134],{},"系统初次审核，使用阿里云app，产品控制台 -> 网站备案，填填信息。",[76,136,137],{},"阿里云人工审核。初审通过后，提交人工审核，等阿里云工作人员给你打电话问你一些问题，比如网站的用途等，然后就通过了。",[76,139,140,141,144],{},"通管局审核。成功之后，会受到备案号，密码等，总共花了6天。将备案号放到网站底部位置就好。",[142,143],"br",{},"这期间会有短信，邮箱等验证，随机应变就好了。",[67,146,147],{},"2020-03-15",[67,149,150],{},"今天备案第三个域名，翻车了",[73,152,153,156],{},[76,154,155],{},"我记得第两个域名，人工审核阶段，提交信息的时候，不太规范，阿里云工作人员提醒，并帮忙修改了一下，审核通过",[76,157,158,159,164],{},"第三个域名阿里云工作人员备案失败原因：1. 备案成功前，不要解析域名；2. 网站名称_",[60,160,163],{"href":161,"rel":162},"https:\u002F\u002Fhelp.aliyun.com\u002Fknowledge_detail\u002F36948.html#title-lhm-b1g-ehx",[64],"请参考","；3. 网站备注20字以上",[67,166,167],{},"2020-03-16",[67,169,170],{},"加了阿里云工作人员钉钉（就是那只蓝色的蝙蝠），视频手持身份证正反面，ok，还有邮箱验证。",[67,172,173],{},[51,174],{"alt":53,"src":175},"https:\u002F\u002Fimg.moooodapp.com\u002Fweb_hongweizhu_com_blog\u002F4a6be94adfee7532dd73cce02039ce80.png",[67,177,178],{},"2023-11-01",[67,180,181],{},"今天备案第四个域名，翻车了，原因如下：",[67,183,184],{},"对，这次换了一个主体。然后电话号码不能是同一个。。。",[67,186,187],{},[51,188],{"alt":53,"src":189},"https:\u002F\u002Fimg.moooodapp.com\u002Fweb_hongweizhu_com_blog\u002F2b65bf1f89cd445faa2ac3deb5ea2b2f.png",[67,191,192],{},"2023-11-14",[67,194,195],{},"然后新办了一张手机卡（改了 8 元保号套餐，哈哈哈哈哈），填了新的号码，通过了。",[46,197,199],{"id":198},"_4-域名解析","4. 域名解析",[73,201,202,209],{},[76,203,204,205,208],{},"相当于将云服务器公网 IP 与域名绑定。这样在浏览器输入域名例如 ",[17,206,207],{},"abc.om"," 才可以显示服务器上的网页，图片，文件等。",[76,210,211,212,215],{},"用它这个 ",[17,213,214],{},"新手引导"," 就可以",[67,217,218],{},[51,219],{"alt":53,"src":220},"https:\u002F\u002Fimg.moooodapp.com\u002Fweb_hongweizhu_com_blog\u002F842193495b09b5bb7b4d000cfa82a0c7.png",[67,222,223],{},[51,224],{"alt":53,"src":225},"https:\u002F\u002Fimg.moooodapp.com\u002Fweb_hongweizhu_com_blog\u002Fab0515a96ef4c57f16ae80bd404a272a.png",[46,227,229],{"id":228},"_5-玩玩云服务器在漫长的备案时间里","5. 玩玩云服务器（在漫长的备案时间里）",[73,231,232,243,255,266],{},[76,233,234,235,238,239],{},"Windows 10 下载 ",[17,236,237],{},"putty"," ",[60,240,241],{"href":241,"rel":242},"https:\u002F\u002Fwww.putty.org",[64],[76,244,245,246,249,250,254],{},"macOS 下载 ",[17,247,248],{},"Termius","  ",[60,251,252],{"href":252,"rel":253},"https:\u002F\u002Ftermius.com",[64],"，看它的官网介绍也支持 Windows",[76,256,257,258,261,262,265],{},"使用 ",[17,259,260],{},"root"," 用户名及密码登录到购买的的 ",[17,263,264],{},"CentOS"," 云服务器",[76,267,268,269,272,273,278],{},"学习 ",[17,270,271],{},"Linux"," 基本操作（",[60,274,277],{"href":275,"rel":276},"https:\u002F\u002Fke.qq.com\u002Fcourse\u002F388241",[64],"推荐这个Linux视频教程","）",[67,280,281,282,286],{},"![在这里插入图片描述](",[60,283,284],{"href":284,"rel":285},"https:\u002F\u002Fimg.moooodapp.com\u002Fweb_hongweizhu_com_blog\u002F45d2043d90d2a7ceb56f9a5fd120887b.png",[64]," =400x)",[46,288,290],{"id":289},"_6-安装-apache","6. 安装 Apache",[10,292,296],{"className":293,"code":294,"language":295,"meta":15,"style":15},"language-shell shiki shiki-themes github-light","yum -y install httpd\n","shell",[17,297,298],{"__ignoreMap":15},[20,299,300],{"class":22,"line":23},[20,301,294],{},[46,303,305],{"id":304},"_7-编写-indexhtml","7. 编写 index.html",[10,307,311],{"className":308,"code":309,"language":310,"meta":15,"style":15},"language-html shiki shiki-themes github-light","\u003C!DOCTYPE html>\n\u003Chtml lang=\"en\">\n\u003Chead>\n  \u003Cmeta charset=\"UTF-8\">\n  \u003Cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  \u003Cmeta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\">\n  \u003Ctitle>first web page\u003C\u002Ftitle>\n\u003C\u002Fhead>\n\u003Cbody>\n  \u003Ch1>\n    Hello, world!\n  \u003C\u002Fh1>\n\u003C\u002Fbody>\n\u003C\u002Fhtml>\n","html",[17,312,313,330,349,358,376,401,425,440,450,460,470,476,486,495],{"__ignoreMap":15},[20,314,315,319,323,327],{"class":22,"line":23},[20,316,318],{"class":317},"sgsFI","\u003C!",[20,320,322],{"class":321},"shJU0","DOCTYPE",[20,324,326],{"class":325},"s7eDp"," html",[20,328,329],{"class":317},">\n",[20,331,332,335,337,340,343,347],{"class":22,"line":29},[20,333,334],{"class":317},"\u003C",[20,336,310],{"class":321},[20,338,339],{"class":325}," lang",[20,341,342],{"class":317},"=",[20,344,346],{"class":345},"sYBdl","\"en\"",[20,348,329],{"class":317},[20,350,351,353,356],{"class":22,"line":35},[20,352,334],{"class":317},[20,354,355],{"class":321},"head",[20,357,329],{"class":317},[20,359,360,363,366,369,371,374],{"class":22,"line":41},[20,361,362],{"class":317},"  \u003C",[20,364,365],{"class":321},"meta",[20,367,368],{"class":325}," charset",[20,370,342],{"class":317},[20,372,373],{"class":345},"\"UTF-8\"",[20,375,329],{"class":317},[20,377,379,381,383,386,388,391,394,396,399],{"class":22,"line":378},5,[20,380,362],{"class":317},[20,382,365],{"class":321},[20,384,385],{"class":325}," name",[20,387,342],{"class":317},[20,389,390],{"class":345},"\"viewport\"",[20,392,393],{"class":325}," content",[20,395,342],{"class":317},[20,397,398],{"class":345},"\"width=device-width, initial-scale=1.0\"",[20,400,329],{"class":317},[20,402,404,406,408,411,413,416,418,420,423],{"class":22,"line":403},6,[20,405,362],{"class":317},[20,407,365],{"class":321},[20,409,410],{"class":325}," http-equiv",[20,412,342],{"class":317},[20,414,415],{"class":345},"\"X-UA-Compatible\"",[20,417,393],{"class":325},[20,419,342],{"class":317},[20,421,422],{"class":345},"\"ie=edge\"",[20,424,329],{"class":317},[20,426,428,430,433,436,438],{"class":22,"line":427},7,[20,429,362],{"class":317},[20,431,432],{"class":321},"title",[20,434,435],{"class":317},">first web page\u003C\u002F",[20,437,432],{"class":321},[20,439,329],{"class":317},[20,441,443,446,448],{"class":22,"line":442},8,[20,444,445],{"class":317},"\u003C\u002F",[20,447,355],{"class":321},[20,449,329],{"class":317},[20,451,453,455,458],{"class":22,"line":452},9,[20,454,334],{"class":317},[20,456,457],{"class":321},"body",[20,459,329],{"class":317},[20,461,463,465,468],{"class":22,"line":462},10,[20,464,362],{"class":317},[20,466,467],{"class":321},"h1",[20,469,329],{"class":317},[20,471,473],{"class":22,"line":472},11,[20,474,475],{"class":317},"    Hello, world!\n",[20,477,479,482,484],{"class":22,"line":478},12,[20,480,481],{"class":317},"  \u003C\u002F",[20,483,467],{"class":321},[20,485,329],{"class":317},[20,487,489,491,493],{"class":22,"line":488},13,[20,490,445],{"class":317},[20,492,457],{"class":321},[20,494,329],{"class":317},[20,496,498,500,502],{"class":22,"line":497},14,[20,499,445],{"class":317},[20,501,310],{"class":321},[20,503,329],{"class":317},[46,505,507],{"id":506},"_8-将-indexhtml-文件放置-varwwwhtml-目录下","8. 将 index.html 文件放置 \u002Fvar\u002Fwww\u002Fhtml\u002F 目录下",[67,509,510],{},[51,511],{"alt":53,"src":512},"https:\u002F\u002Fimg.moooodapp.com\u002Fweb_hongweizhu_com_blog\u002F91217db767a450503f2cd99d2cc9597c.png",[67,514,515,516,519,520,523],{},"然后在浏览器地址栏里输入 ",[17,517,518],{},"http:\u002F\u002Ftest.com"," ，别真傻傻的输入 ",[17,521,522],{},"test"," 了，这只是一个示例，需要替换成你购买的域名。",[46,525,527],{"id":526},"_9-如果你想做更酷的页面需要系统学习-htmlcssjavascript","9. 如果你想做更酷的页面，需要系统学习 HTML、CSS、JavaScript",[46,529,531],{"id":530},"_10如果想学习全栈可以快速了解一下-lampjava新手推荐-nodejs要学的东西相比最少","10.如果想学习全栈，可以快速了解一下 LAMP、Java、新手推荐 Node.js（要学的东西相比最少）",[46,533,535],{"id":534},"_11最后看一下效果吧","11.最后看一下效果吧",[67,537,538],{},[51,539],{"alt":53,"src":540},"https:\u002F\u002Fimg.moooodapp.com\u002Fweb_hongweizhu_com_blog\u002F8d2c5165b8435a5ad72d846e2522d28e.png",[542,543,544],"style",{},"html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html pre.shiki code .sgsFI, html code.shiki .sgsFI{--shiki-default:#24292E}html pre.shiki code .shJU0, html code.shiki .shJU0{--shiki-default:#22863A}html pre.shiki code .s7eDp, html code.shiki .s7eDp{--shiki-default:#6F42C1}html pre.shiki code .sYBdl, html code.shiki .sYBdl{--shiki-default:#032F62}",{"title":15,"searchDepth":29,"depth":29,"links":546},[547,548,550,552,553,554,555,556,557,558,559,560],{"id":48,"depth":29,"text":49},{"id":57,"depth":29,"text":549},"1. 购买云服务器 ECS 阿里云优惠购买链接",{"id":90,"depth":29,"text":551},"2. 购买域名（也是在阿里云买的）购买链接",{"id":127,"depth":29,"text":128},{"id":198,"depth":29,"text":199},{"id":228,"depth":29,"text":229},{"id":289,"depth":29,"text":290},{"id":304,"depth":29,"text":305},{"id":506,"depth":29,"text":507},{"id":526,"depth":29,"text":527},{"id":530,"depth":29,"text":531},{"id":534,"depth":29,"text":535},"阿里云",null,false,"md",{},true,"\u002Fblog\u002Faliyun_linux_my_first_static_webpage_main_steps",{"title":5,"description":5},"blog\u002Faliyun_linux_my_first_static_webpage_main_steps",[561],"lM_muRRxNhnnj9bQxBBCmHKgBsnyqEWVY64oCK5hT34",1791790504170]