ProHoster > Блог > administratio > Facere static situm in Cloudflare Operariorum Sites

Facere static situm in Cloudflare Operariorum Sites

Salve! Nomen meum Dima est, technicum plumbum sum pro quadrigis SysOpis apud Wrike. In hoc articulo tibi narrabo quomodo unam website quam proxime usorem facere quam maxime in 10 minuta et 5 dollariorum mense et automate eius instruere. Articulus nihil fere habet ad problemata quae intra equos nostros solvemus. Haec experientia mea potius est et impressiones sciendi technologiam quae mihi nova est. Gradus describere quam maxime volui ut instructiones diversis experientia hominibus utiles essent. Spero te frui. Perge!

Facere static situm in Cloudflare Operariorum Sites

Sic fortasse viam simplicem et vilem iam invenisti ut a website exercitum duceres. Forsitan etiam liber, de quo in hoc magnus articulus.

Sed subito adhuc taedet te ac fortem novum technologiarum mundum attingere vis? Dicamus te de instruere automando cogitas et locum tuum quam maxime velim accelerare? In hoc articulo utemur Hugosed hoc libitum est.

Gitlab CI/CD pro automatione utimur, sed quid de acceleratione? Eamus locum directe ad Cloudflare utendo Operarius Sites.

Quod requiritur ad satus?:

Pars I: Inaugurari Hugo

Si Hugo iam inauguratus est, vel si generans static alium situm (vel unum omnino non uti), tunc hanc partem transilire potes.

  1. Download Hugo de https://github.com/gohugoio/hugo/releases

  2. Ponimus Hugonem fasciculum exsecutabile secundum unum ex illis definitis ITER vias

  3. Novum locum creare; hugo new site blog.example.com

  4. Mutare directorium hodiernam ad unum nuper creatum: cd blog.example.com

  5. Theme design (https://github.com/budparr/gohugo-theme-ananke/releases vel quicquid)

  6. Primum post creare lets: hugo new posts/my-amazing-post.md

  7. Adde contenti file creato: content/posts/my-amazing-post.md.
    Cum omnia peracta sunt, valorem capturam mutabis falsum,

  8. Files static generans: hugo -D

Nunc situs noster static intra directorium situm est ./public et parata ad primum manualem instruere.

Pars II: Profecti sunt Cloudflare

Nunc inspiciamus ad initialem Cloudflare setup. Sumamus nos iam dominium situm habere. Sit exemplum blog.example.com.

Gradus I: crea in DNS viscus

Primum, dominium nostrum eligite, deinde tabulam geographicam DNS. Nos creare blog A-recordum et commentitium aliquod IP pro eo (hoc est officialis) indicamus commendaticiissed pulchrius illud paulo efficere potuit).

Facere static situm in Cloudflare Operariorum Sites

Gradus II: Cloudflare Thochen

  1. Profile -> API signis tab-> Create Thochen -> Create Custom Thochen

Facere static situm in Cloudflare Operariorum Sites

Hic signum rationibus et zonis circumscribere necesse est, sed optionem recensionis relinquere pro permissionibus in tabula recensitis.

Salvo in posterum adicio, in tercia parte indigebimus.

Gradus III accipe accountid et zoneid

Domain → Overview → [pars dextra]

Facere static situm in Cloudflare Operariorum SitesHaec mea sunt, his noli uti :)

Salva eos iuxta arrham, in tercia parte eciam eis indigebimus.

Gradus IV: Operariorum Activate

Domain → Operariorum → curo Operariorum

Nomen singulare eligimus et operariorum tariff → Infinitus ($5 per mensem hodie). Si vis, postea upgrade ad liberam versionem potes.

Pars III: Primum instruere (instruere manual)

Primam instruere manualem feci ut invenirem quid ibi vere ageretur. Etsi haec omnia simplicius fieri possunt;

  1. Instrue litigator: npm i @cloudflare/wrangler -g

  2. Eamus ad indicem nostri blog: cd blog.example.com

  3. litigator launch: wrangler init — site hugo-worker

  4. Creare config pro litigator (intrabit signum cum quaeritur); wrangler config

Nunc scriptor experiri mutationes novas tabulas facere litigator.toml (hic index fieri potest occasus)

  1. indicamus accountid et zoneid

  2. Mutatio route ad aliquid simile *blog.example.com/*

  3. indicamus falsum, ad opificesdev*

  4. Mutatio situla in ./public (Vel in quo sita est vestri stabilis situs)

  5. Si plus quam unam partem in viis habes, viam corrigere debes in scripto operante: opificum-site/index.js (Vide munus handleEvent)

Magna, tempus est ad explicandam situs utens theam wrangler publish.

Pars IV: instruere automation

Hic dux Gitlab scriptus est, sed essentiam et facilitatem instruere in genere automated capit.

Gradus I: crea et configurare nostri project

  1. Novam GitLab incepto ac situ imposuisti: directory blog.example.com cum omnibus contentis in project radix presul sita est

  2. constituimus variabilis CFAPITOKEN hic occasus → C. I / CD → Variabilium

Gradus II: crea in lima .gitlab-ci.yml ac primum instruere currunt

Creare lima .gitlab-ci.yml in radice cum sequenti contento;

stages:
  - build
  - deploy

build:
  image: monachus/hugo
  stage: build
  variables:
    GIT_SUBMODULE_STRATEGY: recursive
  script:
    - cd blog.example.com/
    - hugo
  artifacts:
    paths:
      - blog.example.com/public
  only:
    - master # this job will affect only the 'master' branch
  tags:
    - gitlab-org-docker #


deploy:
  image: timbru31/ruby-node:2.3
  stage: deploy
  script:
    - wget https://github.com/cloudflare/wrangler/releases/download/v1.8.4/wrangler-v1.8.4-x86_64-unknown-linux-musl.tar.gz
    - tar xvzf wrangler-v1.8.4-x86_64-unknown-linux-musl.tar.gz
    - cd blog.example.com/
    - ../dist/wrangler publish
  artifacts:
    paths:
      - blog.example.com/public
  only:
    - master # this job will affect only the 'master' branch
  tags:
    - gitlab-org-docker #

Primum manually deducunt (CI/CD → Pipelines → Pipeline currere) vel per dominum ramum committendo. Voila!

conclusio,

Bene, leviter intellexi, et totum processum super decem minutas suscepit. Nunc autem locum tenetis latis latis instruere et nonnullas notiones novas de re quid aliud cum operariis facere potes.

 Cloudflare Operariorum    Hugo    GitLab Ci*

Source: www.habr.com

Add a comment