資訊專欄INFORMATION COLUMN
摘要：掘金主頁簡(jiǎn)書主頁個(gè)人網(wǎng)站上線了開發(fā)環(huán)境需要的信息和信息源開始編碼繼之前的域名購買服務(wù)器購買域名解析域名備案完成之后，現(xiàn)在把第一版的網(wǎng)站正式上線網(wǎng)站地址第一版網(wǎng)站，以最少的代碼實(shí)現(xiàn)網(wǎng)站標(biāo)題是個(gè)人技術(shù)分享背景圖一張底部根據(jù)管局要求，附上了備案
ArthurSlog
SLog-62
Year·1
Guangzhou·China
September 9th 2018
GitHub
NPM Package Page
ArthurSlog Page
掘金主頁
簡(jiǎn)書主頁
segmentfault
ArthurSlog個(gè)人網(wǎng)站上線了～
開發(fā)環(huán)境MacOS(High Sierra 10.13.5) 需要的信息和信息源： 開始編碼繼之前的域名購買、服務(wù)器購買、域名解析、域名備案完成之后，現(xiàn)在把第一版的網(wǎng)站正式上線
網(wǎng)站地址 www.arthurslog.com
第一版網(wǎng)站，以最少的代碼實(shí)現(xiàn)：
網(wǎng)站標(biāo)題是“個(gè)人技術(shù)分享”
背景圖一張
底部根據(jù)管局要求，附上了備案號(hào)并鏈接至管局
前端布局使用到了 calc方法
后端使用 koa框架 + koa-static 實(shí)現(xiàn)了一個(gè)簡(jiǎn)單的web服務(wù)器
前后端所有代碼已經(jīng)上傳至 v1.0.0Github
當(dāng)前的文件結(jié)構(gòu)：
ArthurSlog
| | -- index.html -- index.js -- style.css -- background.jpg -- node_modules -- package.json -- package-lock.json --README.md
當(dāng)前的前端代碼index.html、style.css如下：
index.html
ArthurSlog
個(gè)人技術(shù)分享
style.css
body{
background-image:url("background.jpg");
background-repeat:no-repeat;
background-position:50% -10%;
}
p{
font-size: 48px;
position: relative;
left: calc(50% - 144px);
}
footer {
font-size: .8rem;
position: absolute;
bottom: 10px;
left: calc(50% - 80px);
}
后端服務(wù)器代碼index.js如下：
index.js
const serve = require("koa-static");
const Koa = require("koa");
const app = new Koa();
// $ GET /package.json
app.use(serve("."));
app.listen(80);
console.log("listening on port 80");
配置文件 package.json如下：
package.json
{
"name": "nodeserver",
"version": "1.0.0",
"description": "",
"main": "index.js",
"dependencies": {
"koa": "^2.5.2",
"koa-static": "^5.0.0"
},
"devDependencies": {},
"scripts": {
"test": "echo "Error: no test specified" && exit 1"
},
"repository": {
"type": "git",
"url": "git+https://github.com/BlessedChild/ArthurSlog.com.git"
},
"author": "",
"license": "ISC",
"bugs": {
"url": "https://github.com/BlessedChild/ArthurSlog.com/issues"
},
"homepage": "https://github.com/BlessedChild/ArthurSlog.com#readme"
}
自述文件 README.md如下：
README.md
# This is ArthurSlog.com
另外，其他的文件無需手動(dòng)修改，不管
至此，完成了第一版網(wǎng)站源碼的編寫。
歡迎關(guān)注我的微信公眾號(hào) ArthurSlog 如果你喜歡我的文章 歡迎點(diǎn)贊 留言 謝謝文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/97755.html
摘要：掘金主頁簡(jiǎn)書主頁個(gè)人網(wǎng)站上線了開發(fā)環(huán)境需要的信息和信息源開始編碼繼之前的域名購買服務(wù)器購買域名解析域名備案完成之后，現(xiàn)在把第一版的網(wǎng)站正式上線網(wǎng)站地址第一版網(wǎng)站，以最少的代碼實(shí)現(xiàn)網(wǎng)站標(biāo)題是個(gè)人技術(shù)分享背景圖一張底部根據(jù)管局要求，附上了備案 ArthurSlog SLog-62 Year·1 Guangzhou·China September 9th 2018 GitHub NP...
摘要：掘金主頁簡(jiǎn)書主頁個(gè)人網(wǎng)站上線了開發(fā)環(huán)境需要的信息和信息源開始編碼繼之前的域名購買服務(wù)器購買域名解析域名備案完成之后，現(xiàn)在把第一版的網(wǎng)站正式上線網(wǎng)站地址第一版網(wǎng)站，以最少的代碼實(shí)現(xiàn)網(wǎng)站標(biāo)題是個(gè)人技術(shù)分享背景圖一張底部根據(jù)管局要求，附上了備案 ArthurSlog SLog-62 Year·1 Guangzhou·China September 9th 2018 GitHub NP...
摘要：掘金主頁簡(jiǎn)書主頁天下難事必作于易天下大事必作于細(xì)開發(fā)環(huán)境需要的信息和信息源開始編碼服務(wù)端環(huán)境已經(jīng)配置好了，現(xiàn)在啟動(dòng)自己編寫的服務(wù)器先切換至自己編寫的文件路徑下啟動(dòng)服務(wù)器，現(xiàn)在用自己的電腦打開瀏覽器，輸入域名正常情況下，可以看到正常顯示出來 ArthurSlog SLog-65 Year·1 Guangzhou·China September 9th 2018 ArthurSlo...
摘要：掘金主頁簡(jiǎn)書主頁天下難事必作于易天下大事必作于細(xì)開發(fā)環(huán)境需要的信息和信息源開始編碼服務(wù)端環(huán)境已經(jīng)配置好了，現(xiàn)在啟動(dòng)自己編寫的服務(wù)器先切換至自己編寫的文件路徑下啟動(dòng)服務(wù)器，現(xiàn)在用自己的電腦打開瀏覽器，輸入域名正常情況下，可以看到正常顯示出來 ArthurSlog SLog-65 Year·1 Guangzhou·China September 9th 2018 ArthurSlo...
閱讀 2381·2021-10-09 09:41
閱讀 3172·2021-09-26 09:46
閱讀 835·2021-09-03 10:34
閱讀 3151·2021-08-11 11:22
閱讀 3364·2019-08-30 14:12
閱讀 711·2019-08-26 11:34
閱讀 3344·2019-08-26 11:00
閱讀 1749·2019-08-26 10:26
