成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

Slog62_項目上線之ArthurSlog個人網(wǎng)站上線1

dack / 2513人閱讀

摘要：掘金主頁簡書主頁個人網(wǎng)站上線了開發(fā)環(huán)境需要的信息和信息源開始編碼繼之前的域名購買服務(wù)器購買域名解析域名備案完成之后，現(xiàn)在把第一版的網(wǎng)站正式上線網(wǎng)站地址第一版網(wǎng)站，以最少的代碼實現(xiàn)網(wǎng)站標題是個人技術(shù)分享背景圖一張底部根據(jù)管局要求，附上了備案

ArthurSlog

SLog-62

Year·1

Guangzhou·China

September 9th 2018

GitHub

NPM Package Page

ArthurSlog Page

掘金主頁

簡書主頁

segmentfault

ArthurSlog個人網(wǎng)站上線了～

開發(fā)環(huán)境MacOS(High Sierra 10.13.5) 需要的信息和信息源： 開始編碼

繼之前的域名購買、服務(wù)器購買、域名解析、域名備案完成之后，現(xiàn)在把第一版的網(wǎng)站正式上線

網(wǎng)站地址 www.arthurslog.com

第一版網(wǎng)站，以最少的代碼實現(xiàn)：

網(wǎng)站標題是“個人技術(shù)分享”

背景圖一張

底部根據(jù)管局要求，附上了備案號并鏈接至管局

前端布局使用到了 calc方法

后端使用 koa框架 + koa-static 實現(xiàn)了一個簡單的web服務(wù)器

前后端所有代碼已經(jīng)上傳至 v1.0.0Github

當前的文件結(jié)構(gòu)：

ArthurSlog

|
|
 -- index.html
 -- index.js
 -- style.css
 -- background.jpg
 -- node_modules
 -- package.json
 -- package-lock.json
 --README.md

當前的前端代碼index.html、style.css如下：

index.html



    
        
        ArthurSlog
        
    
    
        
個人技術(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

另外，其他的文件無需手動修改，不管

至此，完成了第一版網(wǎng)站源碼的編寫。

歡迎關(guān)注我的微信公眾號 ArthurSlog

如果你喜歡我的文章 歡迎點贊 留言 謝謝

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/54661.html

相關(guān)文章

  • Slog62_項目上線之ArthurSlog個人網(wǎng)站上線1

    摘要：掘金主頁簡書主頁個人網(wǎng)站上線了開發(fā)環(huán)境需要的信息和信息源開始編碼繼之前的域名購買服務(wù)器購買域名解析域名備案完成之后，現(xiàn)在把第一版的網(wǎng)站正式上線網(wǎng)站地址第一版網(wǎng)站，以最少的代碼實現(xiàn)網(wǎng)站標題是個人技術(shù)分享背景圖一張底部根據(jù)管局要求，附上了備案 ArthurSlog SLog-62 Year·1 Guangzhou·China September 9th 2018 GitHub NP...

    yzzz 評論0 收藏0

  • Slog62_項目上線之ArthurSlog個人網(wǎng)站上線1

    摘要：掘金主頁簡書主頁個人網(wǎng)站上線了開發(fā)環(huán)境需要的信息和信息源開始編碼繼之前的域名購買服務(wù)器購買域名解析域名備案完成之后，現(xiàn)在把第一版的網(wǎng)站正式上線網(wǎng)站地址第一版網(wǎng)站，以最少的代碼實現(xiàn)網(wǎng)站標題是個人技術(shù)分享背景圖一張底部根據(jù)管局要求，附上了備案 ArthurSlog SLog-62 Year·1 Guangzhou·China September 9th 2018 GitHub NP...

    verano 評論0 收藏0

  • Slog65_項目上線之ArthurSlog個人網(wǎng)站上線4

    摘要：掘金主頁簡書主頁天下難事必作于易天下大事必作于細開發(fā)環(huán)境需要的信息和信息源開始編碼服務(wù)端環(huán)境已經(jīng)配置好了，現(xiàn)在啟動自己編寫的服務(wù)器先切換至自己編寫的文件路徑下啟動服務(wù)器，現(xiàn)在用自己的電腦打開瀏覽器，輸入域名正常情況下，可以看到正常顯示出來 ArthurSlog SLog-65 Year·1 Guangzhou·China September 9th 2018 ArthurSlo...

    DangoSky 評論0 收藏0

  • Slog65_項目上線之ArthurSlog個人網(wǎng)站上線4

    摘要：掘金主頁簡書主頁天下難事必作于易天下大事必作于細開發(fā)環(huán)境需要的信息和信息源開始編碼服務(wù)端環(huán)境已經(jīng)配置好了，現(xiàn)在啟動自己編寫的服務(wù)器先切換至自己編寫的文件路徑下啟動服務(wù)器，現(xiàn)在用自己的電腦打開瀏覽器，輸入域名正常情況下，可以看到正常顯示出來 ArthurSlog SLog-65 Year·1 Guangzhou·China September 9th 2018 ArthurSlo...

    jk_v1 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<