Clock

Khmer Web

Gateway to web application
អក្សរ​ខ្មែរ​ក្នុង​គេហទំព័រ Hexo
Edit
ដើម្បី​អាច​ប្រើប្រាស់​​ពុម្ព​អក្សរ​ខ្មែរ​នៅ​ក្នុង​គេហទំព័រ Hexo បាន យើង​ចាំ​បាច់​ត្រូវ​ទាញយក​ពុម្ព​អក្សរ​ខ្មែរ​ពីគេហទំព័រ Google Fonts មកបញ្ចូលនៅ​ក្នុង​គេហទំព័រ​​របស់យើង ដោយ​ដាក់​នៅ​ក្នុងថតឈ្មោះ​ fonts ដែល​មាន​នៅ​ក្នុង​ themes > landscape > source > css > fonts ។



បន្ទាប់មកទៀត នៅ​ក្នុង​ឯកសារ​ឈ្មោះ style ដែល​មាន​នៅ​ក្នុង​ថត themes > landscape > source > css យើង​ត្រូវ​​សរសេរ​​បន្ថែម​នូវ​បញ្ជមួយ​ចំនួន​ដូច​ខាង​ក្រោម​នេះ៖ 
@font-face 
  font-family: Angkor
  font-style: normal
  font-weight: normal
  src: url("fonts/Angkor.ttf?v=#1.0.0") format("truetype")

@font-face 
  font-family: Bayon
  font-style: normal
  font-weight: normal
  src: url("fonts/Bayon.ttf?v=#1.0.0") format("truetype")

@font-face 
  font-family: Bokor
  font-style: normal
  font-weight: normal
  src: url("fonts/Bokor.ttf?v=#1.0.0") format("truetype")

@font-face 
  font-family: Fasthand
  font-style: normal
  font-weight: normal
  src: url("fonts/Fasthand.ttf?v=#1.0.0") format("truetype")

@font-face 
  font-family: Freehand
  font-style: normal
  font-weight: normal
  src: url("fonts/Freehand.ttf?v=#1.0.0") format("truetype")

@font-face
  font-family: Hanuman
  font-style: normal
  font-weight: normal
  src: url("fonts/Hanuman.ttf?v=#1.0.0") format("truetype")

@font-face
  font-family: Koulen
  font-style: normal
  font-weight: normal
  src: url("fonts/Koulen.ttf?v=#1.0.0") format("truetype")

@font-face
  font-family: Metal
  font-style: normal
  font-weight: normal
  src: url("fonts/Metal.ttf?v=#1.0.0") format("truetype")

@font-face 
  font-family: Moul
  font-style: normal
  font-weight: normal
  src: url("fonts/Moul.ttf?v=#1.0.0") format("truetype")

@font-face
  font-family: Kokora
  font-style: normal
  font-weight: normal
  src: url("fonts/Nokora.ttf?v=#1.0.0") format("truetype")

@font-face 
  font-family: OdorMeanChey
  font-style: normal
  font-weight: normal
  src: url("fonts/OdorMeanChey.ttf?v=#1.0.0") format("truetype")

បន្ទាប់មក​ទៀត នៅ​ក្នុង​ឯកសារ style ដដែល​នោះ​ នៅ​ត្រង់​កន្លែង​ដែល​មាន​ពាក្យ​ថា body យើង​ត្រូវ​សរសេរបន្ថែម​ដូច​ខាង​ក្រោម​នេះ៖ 
body
  background: color-background
  font: font-size font-sans, OdorMeanChey
  -webkit-text-size-adjust: 100%

នៅ​លើបន្ទាត់​លេខ 3 ការសរសេរថា font: font-size font-sans, OdorMeanChey គឺ​ជា​បញ្ជា​តំរូវ​អោយ​យក​ពុម្ពអក្សរ​ខ្មែរ​ប្រភេទ​ «OdorMeanChey» មក​ប្រើប្រាស់​នៅ​ក្នុង​តួ​គេហទំព័រ​ទាំងមូល​។

មួយវិញទៀត ដើម្បី​ដាក់​ចំណង​ជើង​គេហទំព័រ Hexo របស់​យើង​ជា​ភាសា​ខ្មែរ យើង​ត្រូវ​បើក​ឯកសារ​មាន​ឈ្មោះថា _config.yml ដែល​មាន​នៅ​ក្នុង​ថត​ដើម​គេ​​ និង​ធ្វើការ​កែ​សំរួល​ដូច​ខាង​ក្រោម​នេះ៖ 
# Site
title: ស្ថាប័ន​យើង
subtitle:
description:
keywords:
author: សុខាវុធ
language:
timezone:

បន្ទាប់មកទៀត យើងត្រូវបើកឯកសារមាន​ឈ្មោះ​ថា «header» ដែលមាន​នៅ​ក្នុង​ថត themes > landscape > source > css > _partial និង​ធ្វើការ​កែ​សំរួលដូចខាង​ក្រោម​នេះ៖ 
#logo
  @extend $logo-text
  font-size: logo-size
  line-height: logo-size
  letter-spacing: 2px
  font-family: Moul

.main-nav-link
  @extend $nav-link
  font-family: OdorMeanChey
  font-weight: 300
  letter-spacing: 1px
  @media mq-mobile
    display: none

បន្ទាប់​មក​ទៀត​ យើង​ត្រូវ​ធ្វើ​អោយ​​ការ​កែ​សំរួល​ទាំងអស់​ខាង​លើនេះ បានទៅ​ដល់​គ្រប់​ការចុះផ្សាយ​ទាំងអស់​ ទាំងការផ្សាយ​មុន​ការកែរសំរួល​និង​ក្រោយ​ការកែសំរួល​ ដោយ​សរសេរ​នៅ​លើ​បង្អួច​ខ្មៅ​របស់​កម្មវិធី Node.js command prompt ថា hexo generate រួច​ហើយ​សរសេរ​ថា hexo deploy ដើម្បី​ធ្វើ​អោយ​ការកែ​សំរួល​ទាំអស់​នេះ​បាន​ទៅ​ដល់​គេហទំព័រ​ Hexo របស់​យើង​នៅ​លើ​បណ្តាញ​ Internet ផង​ដែរ​។​ ពិនិត្យ​គេហទំព័រ​ជាក់ស្តែង៖ https://kbhexo.herokuapp.com/ ៕