Slog62_項目上線之ArthurSlog個人網站上線1

yzzz 發布于2019-08-29 16:44 / 2886人閱讀

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

ArthurSlog

SLog-62

Year·1

Guangzhou·China

September 9th 2018

GitHub

NPM Package Page

ArthurSlog Page

掘金主頁

簡書主頁

segmentfault

ArthurSlog個人網站上線了～

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

繼之前的域名購買、服務器購買、域名解析、域名備案完成之后，現在把第一版的網站正式上線

網站地址 www.arthurslog.com

第一版網站，以最少的代碼實現：

網站標題是“個人技術分享”

背景圖一張

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

前端布局使用到了 calc方法

后端使用 koa框架 + koa-static 實現了一個簡單的web服務器

前后端所有代碼已經上傳至 v1.0.0Github

當前的文件結構：

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

個人技術分享

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);
}

后端服務器代碼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

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

至此，完成了第一版網站源碼的編寫。

歡迎關注我的微信公眾號 ArthurSlog

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

GPU云服務器云服務器上線項目上線java項目 php項目上線知道 java項目上線問題

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/113949.html

Slog62_項目上線之ArthurSlog個人網站上線1

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

dack 2019-08-02 16:06 評論0 收藏0
Slog62_項目上線之ArthurSlog個人網站上線1

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

verano 2019-08-23 11:58 評論0 收藏0
Slog65_項目上線之ArthurSlog個人網站上線4

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

DangoSky 2019-08-02 16:05 評論0 收藏0
Slog65_項目上線之ArthurSlog個人網站上線4

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

jk_v1 2019-08-23 12:01 評論0 收藏0